❤ UCharts图表使用X轴Y轴参数属性

❤ UCharts图表使用X轴Y轴参数属性

Y轴属性配置

yAxis: {
    
    
	gridType:'dash', //
	gridColor:'#CCCCCC', //
	dashLength:10, //
	splitNumber:5,  //
	data:[
		{
    
    
		axisLine: true, //坐标轴轴线是否显示
		axisLineColor: 'blue', //坐标轴轴线颜色
		}
	]
},
————————————————

圆环图格式

  • series 数据类型必须为Number类型
    格式类型
"Ring": {
    
    
  "series": [{
    
    
    "name": "一班",
    "data": 50
  }, {
    
    
    "name": "二班",
    "data": 30
  }, {
    
    
    "name": "三班",
    "data": 20
  }, {
    
    
    "name": "四班",
    "data": 18
  }, {
    
    
    "name": "五班",
    "data": 8
  }]
}

折线图图表使用优化

今天遇到了使用Ucahrts图表拖拽时需要优化

touchMoveLimit: 60, //图表拖拽每秒渲染次数

不过最后还是没有解决问题。因为数据过大的时候,尤其是超过1200条然后X轴的数据就开始卡顿了,而且Ucharts一直是开源版本,但是最近却突然开始收费了,于是就没有继续使用。

猜你喜欢

转载自blog.csdn.net/weixin_43615570/article/details/132468599