基于echarts 的图表控件，api参考网址：https://www.echartsjs.com/zh/index.html
柱状图控件，包括折线、柱状图（竖直）、bar图（水平图）。支持效果：
1.柱状图
pkchartbar.setOption(objectName, option) objectName 控件名称，
图表配置项样例：option= {
title: {
text: '柱状图'
},
tooltip: {
trigger: 'axis',
show: false
},
legend: {
data: ["默认值"],
show: false
},
toolbox: {
show: false,
feature: {
dataView: { show: true, readOnly: false },
magicType: { show: true, type: ['line', 'bar'] },
restore: { show: true },
saveAsImage: { show: true }
}
},
xAxis: {
type: 'category',
data: [1, 2, 3, 4]
},
yAxis: {
type: 'value'
},
series: [{
name: "默认值",
type: 'bar',
data: [1, 2, 3, 4]
}]
};
2.折线图
pkchartline.setOption(objectName, option) objectName 控件名称，
option是配置项
样例如下:
option= {
title: {
text: '折线图'
},
tooltip: {
trigger: 'axis',
show: false
},
legend: {
data: ["默认值"],
show: false
},
toolbox: {
show: false,
feature: {
dataView: { show: true, readOnly: false },
magicType: { show: true, type: ['line', 'bar'] },
restore: { show: true },
saveAsImage: { show: true }
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
name: "默认值",
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}]
};