Ucharts 图表使用

1、Ucharts图表使用

使用的步骤挺简单的

2、Ucharts使用注意

• 旧的版本可能不支持很多东西

未获取到context!注意:v2.0版本后,需要自行获取canvas的绘图上下文并传入opts.con

版本问题
canvaLineA=new uCharts({
          //$this:_self,
       //canvasId: canvasId,
       //  加入下面这一句
		context:uni.createCanvasContext(canvasId, _self),
		// 图标类型
		type: 'line',
		fontSize:11,
})

使用过程之中无法更换底部颜色

原因是因为在自己PUSH进去的数据里面定义了颜色
更换之后使用正常

使用过程之中无法去掉图例

正常删除最后，发现是变了
 "legend": {
        "show": false,
        "position": "bottom",
        "float": "center",
        "padding": 5,
        "margin": 5,
        "backgroundColor": "rgba(0,0,0,0)",
        "borderColor": "rgba(0,0,0,0)",
        "borderWidth": 0,
        "fontSize": 13,
        "fontColor": "#666666",
        "lineHeight": 11,
        "hiddenColor": "#CECECE",
        "itemGap": 10
    },
    
dataLabel  是否显示图表区域内数据点上方的数据文案

3、uCharts-基础细节配置

ucharts使用折线图时x轴数据过多

xAxis": {
        "labelCount": 4, //默认显示个数
        itemCount:chartData.length  //x轴数据的长度
},