数据属性 opts.categories
图表数据集,数组格式,部分图表类型不需要categories,具体以【演示】中查看代码为例。
数据属性 opts.series
属性 | 类型 | 默认值 | 说明 |
---|---|---|---|
index | Number | 0 | 多维数据结构索引值,应用于多坐标系 |
name | String | required | 数据名称 |
legendText | String | 自定义图例显示文字(不传默认显示上面的name值) | |
data | Array/Number | required | 数据值,如果传入null图表该处出现断点(饼图、圆环图、玫瑰图为Number) |
data[i].value | Number | 柱状图 | 仅针对柱状图有效,主要作用为柱状图自定义颜色 |
data[i].color | String | 柱状图 | 仅针对柱状图有效,主要作用为柱状图自定义颜色 |
data[i].labelText | String | 饼图、圆环图、玫瑰图、漏斗图,自定义标签文字 | |
data[i].labelShow | Boolean | true | 饼图、圆环图、玫瑰图、漏斗图,自定义是否显示某一个指示标签 |
data[i].centerText | String | 漏斗图,自定义居中标签文字 | |
data[i].centerTextSize | Number | 漏斗图,自定义居中标签文字字体大小 | |
data[i].centerTextColor | Color | ##FFFFFF | 漏斗图,自定义居中标签文字颜色 |
show | Boolean | true | 图形显示状态,配合点击图例显示状态,也可默认指定是否显示 |
color | Color | 图形颜色,例如##7cb5ec 不传入则使用系统默认配色方案 | |
fillOpacity | Number | 地图 | 仅限地图,用于地图设置每个区域透明度方式来实现颜色过度效果 |
textColor | Color | 图形上方标注文字的颜色(datalabel文字颜色),例如##7cb5ec 不传入则使用系统默认配色方案 | |
textSize | Number | 图形上方标注文字的字体大小 | |
textOffset | Number | 图形上方标注文字的偏移距离,负数为向上偏移,正数向下偏移 | |
linearIndex | Number | 渐变色索引,用于对应extra配置中的渐变色数组下标,默认为当前series数组的下标 | |
type | String | 混合图表图形展示方式,有效值为point,line,column,area | |
disableLegend | Boolean | false | 混合图表中禁止显示ToolTip图例,默认false即默认显示该类别图例 |
connectNulls | Boolean | false | 仅限折线图或区域图断点续连,即跳过null的点位直接连到下个点位 |
setShadow | Array | 仅限折线图阴影配置,格式为4位数组:[offsetX,offsetY,blur,color] | |
linearColor | Array | 仅限折线图渐变色数组,格式为2维数组[起始位置,颜色值],例如[[0,'##0EE2F8'],[0.3,'##2BDCA8'],[0.6,'##1890FF'],[1,'##9A60B4']] | |
style | String | 'straight' | 暂时定义为混合图表折线图或区域图样式,可选值:'curve'曲线,'straight'直线 |
addPoint | Boolean | false | 混合图中,是否增加折线或区域图上的标记点,仅针对line,area,mix有效 |
lineType | String | 'solid' | 折线线型,可选值:'solid'为实线,'dash'为虚线,仅针对line,area,mix有效 |
dashLength | Number | 8 | 折线为虚线时,单段虚线长度,仅针对line,area,mix有效 |
pointShape | String | 'circle' | 数据点标识样式,可选值为diamond◆, circle●, triangle▲, square■, none 无 |
legendShape | String | 'circle' | 图例标识样式,有效值为diamond◆, circle●, triangle▲, square■, rect▬, line-, none 无 |
formatter | Function | 【原生】自定义显示数据内容,形参为(value,index,series,opts) | |
format | String | 【组件】自定义显示数据内容,各小程序及app端通过组件均不能传递function类型参数,因此请先在config-xCharts.js内定义您想格式化的数据,然后在这里传入 |