echarts是一个前端图表的框架。是比较容易上手(我本来是专做后台,由于公司组织架构问题,才开始接触前端)并且适用面广(图表类型非常丰富)也非常实用(很多网站都有使用到)的框架。
基本的使用流程在网上有很多很多的文章了,在这里我主要就是分享一下我自己在使用过程中碰到的一些问题和解决方法。
首先,用的最多的一般还是折线图,柱状图和饼图。
在我用到折线图的时候,碰到的难点主要就是多Y轴和联动。
主要的核心代码:
多Y轴:
for (var n = 0; n < series.length; n++) {
var seriesData = new Array();
var yAxisItem;
var firstItems = rows[0].chartItems;
if (n === 0) {
yAxisItem = {
show: true,
type: 'value',
name: firstItems[n].unit,
seriesName: firstItems[n].dataitemName,
position: 'left',
splitArea: {show: true},
offset: n / 2 * 50
};
} else {
if (n % 2 === 0) {
yAxisItem = {
show: false,
type: 'value',
name: firstItems[n].unit,
seriesName: firstItems[n].dataitemName,
position: 'left',
splitArea: {show: false},
offset: n / 2 * 50
};
} else {
yAxisItem = {
show: false,
type: 'value&#