qiun-data-charts是一个用于数据可视化的UI组件库,支持多种图表类型,包括折线图。该组件库通常通过Vue组件的形式在UniApp中使用,可以方便地配置图表的各项属性。 2. 准备用于绘制折线图的数据 绘制折线图需要准备两类数据:一类是时间轴数据(用于x轴),另一类是实际的数据点(用于y轴)。例如: javascript data() { ...
关于NVUE兼容的说明: uCharts.js从2.3.0开始支持nuve(暂时只能通过原生canvas写法调用uCharts,nuve版本组件请见码云示例项目uCharts-demo-nvue),因其渲染方式是通过nvue的gcanvas组件来渲染,理论上性能不及renderjs的qiun-data-charts组件性能。官方仍然建议NVUE使用图表的页面改为vue页面,在App端,从...
uCharts.js 修复开启滚动条,图表在拖动中动态打点,滚动条位置不正确的bug uCharts.js 修复饼图类数据格式为echarts数据格式,series为空数组报错的bug 示例项目 修改uCharts.js更新到v2.1.2版本后,@getIndex方法获取索引值变更为e.currentIndex.index 示例项目 pages/updata/up...
drawCharts(id,data){ const ctx = uni.createCanvasContext(id, this); uChartsInstance[id] = new uCharts({ type: "column", context: ctx, width: this.cWidth, height: this.cHeight, categories: data.categories, series: data.series, xAxis: { disableGrid: true }, yAxis: { data: [ { m...