uCharts

1,534 阅读1分钟

<qiun-data-charts type="column" :chartData="chartData" :ontouch='true' :opts='optionsData' />

  • type表示 ,表格的类型"column"是柱状图

  • chartData ,表格数据的配置

  • ontouch ,表示表格可以触摸,可滑动表格需要此配置

  • opts 接收一个对象为数据 ,自定义一些配置,需要什么配置就在这里面配置,不需要改原文件了

  • opts:{ color: ['#FFC152'], //图标主颜色把应该是 enableScroll:true, //开启图表滚动功能 scrollAlign: 'left', //图标滚动条启示位置 update: true, legend:{show:false} //表示不显示最下方的图例 xAxis: { itemCount: 5, //x轴单屏显示数据的数量,默认为5个 scrollShow: true, //新增是否显示滚动条,默认false }, }

  • :chartData={空数据},如果是个空数据的话就会有空数据加载动画,直到有数据为止,当chartData有数据的时候,再更新里面的数据,如果图表还有动画的话就会闪屏,因为动画还没有结束数据就更新了,想让表格丝滑加载,就要将数据先改为chartData={}再添加上数据,这样就能丝滑加载