|
@@ -35,13 +35,39 @@ export default {
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
toolbox: {
|
|
toolbox: {
|
|
|
|
|
+ show: true,
|
|
|
feature: {
|
|
feature: {
|
|
|
-
|
|
|
|
|
- bottom: '10',
|
|
|
|
|
- dataView: { show: true, readOnly: false },
|
|
|
|
|
|
|
+ dataView: { show: true, readOnly: false,
|
|
|
|
|
+ optionToContent: function (opt) {
|
|
|
|
|
+ var axisData = opt.xAxis[0].data// x轴作为条件,y轴需改成yAxis[0].data;
|
|
|
|
|
+ var series = opt.series
|
|
|
|
|
+ var tdHeads = '<td style="padding:0 10px">年份</td>'
|
|
|
|
|
+ series.forEach(function (item) {
|
|
|
|
|
+ tdHeads += '<td style="padding: 0 10px">' + item.name + '</td>'
|
|
|
|
|
+ })
|
|
|
|
|
+ var table = '<table border="1" style="margin-left:20px;border-collapse:collapse;font-size:14px;text-align:center;color:#666"><tbody><tr>' + tdHeads + '</tr>'
|
|
|
|
|
+ var tdBodys = ''
|
|
|
|
|
+ for (var i = 0, l = axisData.length; i < l; i++) {
|
|
|
|
|
+ for (var j = 0; j < series.length; j++) {
|
|
|
|
|
+ if (typeof (series[j].data[i]) === 'object') {
|
|
|
|
|
+ tdBodys += '<td>' + series[j].data[i].value + '</td>'
|
|
|
|
|
+ } else {
|
|
|
|
|
+ tdBodys += '<td>' + series[j].data[i] + '</td>'
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ table += '<tr><td style="padding: 0 10px">' + axisData[i] + '</td>' + tdBodys + '</tr>'
|
|
|
|
|
+ tdBodys = ''
|
|
|
|
|
+ }
|
|
|
|
|
+ table += '</tbody></table>'
|
|
|
|
|
+ return table
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
magicType: { show: true, type: ['line', 'bar'] },
|
|
magicType: { show: true, type: ['line', 'bar'] },
|
|
|
restore: { show: true },
|
|
restore: { show: true },
|
|
|
saveAsImage: { show: true }
|
|
saveAsImage: { show: true }
|
|
|
|
|
+ },
|
|
|
|
|
+ iconStyle: {
|
|
|
|
|
+ borderColor: 'white'
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
legend: {
|
|
legend: {
|