Echarts 自定义数据视图

toolbox : {
show : true,
feature : {
dataView : {
optionToContent : function(option) {
// 行名称
var axisData = option.xAxis[0].data;
// 列名称
var header = option.legend[0].data;
var seriesarr = option.series;
var eldiv = '

';
var firsttd = '';
var table = ''
+ ''
if (header != undefined) {
for (var i = 0; i < header.length; i++) {
firsttd += ''
}
} else {
table = '
' + header[i] + '
';
for (var i = 0; i < 1; i++) {
firsttd += ''
}
}
// 表格列头拼装完毕
table += firsttd + '';
// 表格行头拼装完毕
for (var i = 0, l = axisData.length; i < l; i++) {
table += '' + ''
for (var j = 0; j < seriesarr.length; j++) {
table += ''

}
}
table += "

";
table += '
' + "分数" + '
' + axisData[i] + '' + seriesarr[j].data[i]
+ '
';
return eldiv + table + "
";
}
},
magicType : {
show : true,
type : [ 'line', 'bar' ]
},
restore : {
show : true
},
saveAsImage : {
show : true
}
}
},

你可能感兴趣的:(Echarts 自定义数据视图)