折线图标题、副标题、XY轴名称-
副标题
仪表盘带进度动画-柱状
仪表盘带进度动画
仪表盘-柱状
仪表盘
柱线-
柱状图
柱状图-
柱状图
方格-进度条柱状图-
方格-进度条柱状图
【通用】柱状图/线状图 多参数封装-单位:' + yAxisUnit[index],
offset: offset_y[index],
splitLine: {
//y轴网格线
lineStyle: {
color: "#eee",
},
},
axisLabel: {
//y轴文本
formatter: function (value, index) {
if (value >= 100000000) {
return value / 100000000 + "亿";
} else if (value >= 10000) {
return value / 10000 + "万";
} else {
return value +"元";
}
},
showMinLabel: false, //y轴是否设置最小刻度0
textStyle: {
fontSize: 12,
color: colorsArr[index],
},
},
axisTick: {
show: false,
},
axisLine: {
//y轴线
show: true,
lineStyle: {
color: colorsArr[index]
},
},
})
tipType = "cross";
} else {
seriesArr.push({
name: nameArr[index],
color: colorsArr[index],
type: typeSelectArr[index],
barWidth: "15%",
// label: labelSet,
data: item,
});
yAxisArr = [{
type: "value",
name: '单位:' + yAxisUnit[0],
splitLine: {
//y轴网格线
lineStyle: {
color: "#eee",
},
},
axisLabel: {
formatter: function (value, index) {
if (value >= 100000000) {
return value / 100000000 + "亿";
} else if (value >= 10000) {
return value / 10000 + "万";
} else {
return value +"元";
}
},
//y轴文本
showMinLabel: false, //y轴是否设置最小刻度0
color: "#333",
textStyle: {
fontSize: 12,
},
},
axisTick: {
show: false,
},
axisLine: {
//y轴线
lineStyle: {
color: "#333",
},
},
}, ]
tipType = "shadow"
}
});
option = {
backgroundColor:'#dbf6e9
* @param {*} typeSelect 图表类型 line/bar
* @param {*} ID 图表容器id
* @param {*} xAxisArr x轴文字数组
* @param {*} nameArr 类别数组
* @param {*} colorsArr 颜色数组
* @param {*} dataArr 数据数组
* @param {*} yAxisSet 是否双y轴
* @param {*} yAxisUnit y轴左右单位
温度计柱状图 计划值 实际值-柱状
温度计柱状图 计划值 实际值