Skip to content

数据属性 opts.categories

图表数据集,数组格式,部分图表类型不需要categories,具体以【演示】中查看代码为例。

数据属性 opts.series

属性类型默认值说明
indexNumber0多维数据结构索引值,应用于多坐标系
nameStringrequired数据名称
legendTextString自定义图例显示文字(不传默认显示上面的name值)
dataArray/Numberrequired数据值,如果传入null图表该处出现断点(饼图、圆环图、玫瑰图为Number)
data[i].valueNumber柱状图仅针对柱状图有效,主要作用为柱状图自定义颜色
data[i].colorString柱状图仅针对柱状图有效,主要作用为柱状图自定义颜色
data[i].labelTextString饼图、圆环图、玫瑰图、漏斗图,自定义标签文字
data[i].labelShowBooleantrue饼图、圆环图、玫瑰图、漏斗图,自定义是否显示某一个指示标签
data[i].centerTextString漏斗图,自定义居中标签文字
data[i].centerTextSizeNumber漏斗图,自定义居中标签文字字体大小
data[i].centerTextColorColor##FFFFFF漏斗图,自定义居中标签文字颜色
showBooleantrue图形显示状态,配合点击图例显示状态,也可默认指定是否显示
colorColor图形颜色,例如##7cb5ec 不传入则使用系统默认配色方案
fillOpacityNumber地图仅限地图,用于地图设置每个区域透明度方式来实现颜色过度效果
textColorColor图形上方标注文字的颜色(datalabel文字颜色),例如##7cb5ec 不传入则使用系统默认配色方案
textSizeNumber图形上方标注文字的字体大小
textOffsetNumber图形上方标注文字的偏移距离,负数为向上偏移,正数向下偏移
linearIndexNumber渐变色索引,用于对应extra配置中的渐变色数组下标,默认为当前series数组的下标
typeString混合图表图形展示方式,有效值为point,line,column,area
disableLegendBooleanfalse混合图表中禁止显示ToolTip图例,默认false即默认显示该类别图例
connectNullsBooleanfalse仅限折线图或区域图断点续连,即跳过null的点位直接连到下个点位
setShadowArray仅限折线图阴影配置,格式为4位数组:[offsetX,offsetY,blur,color]
linearColorArray仅限折线图渐变色数组,格式为2维数组[起始位置,颜色值],例如[[0,'##0EE2F8'],[0.3,'##2BDCA8'],[0.6,'##1890FF'],[1,'##9A60B4']]
styleString'straight'暂时定义为混合图表折线图或区域图样式,可选值:'curve'曲线,'straight'直线
addPointBooleanfalse混合图中,是否增加折线或区域图上的标记点,仅针对line,area,mix有效
lineTypeString'solid'折线线型,可选值:'solid'为实线,'dash'为虚线,仅针对line,area,mix有效
dashLengthNumber8折线为虚线时,单段虚线长度,仅针对line,area,mix有效
pointShapeString'circle'数据点标识样式,可选值为diamond◆, circle●, triangle▲, square■, none 无
legendShapeString'circle'图例标识样式,有效值为diamond◆, circle●, triangle▲, square■, rect▬, line-, none 无
formatterFunction【原生】自定义显示数据内容,形参为(value,index,series,opts)
formatString【组件】自定义显示数据内容,各小程序及app端通过组件均不能传递function类型参数,因此请先在config-xCharts.js内定义您想格式化的数据,然后在这里传入