echarts數據視圖樣式

echarts數據視圖原生態的js的樣式會出現變形，需要在optionToContent處添加自定義函數。

  echarts官方文檔

可以自定義optionToContent函數：

optionToContent: function (opt) {
    let axisData = opt.xAxis[0].data; //坐標數據
    let series = opt.series; //折線圖數據
    let tdHeads = '<td  >時間</td>'; //表頭
    let tdBodys = ''; //數據
    series.forEach(function (item) {
        //組裝表頭
        tdHeads += `<td >${item.name}</td>`;
    });
    let table = `<table border="1" ><tbody><tr>${tdHeads} </tr>`;
    for (let i = 0, l = axisData.length; i < l; i++) {
        for (let j = 0; j < series.length; j++) {
            //組裝表數據
            tdBodys += `<td>${ series[j].data[i]}</td>`;
        }
        table += `<tr><td >${axisData[i]}</td>${tdBodys}</tr>`;
        tdBodys = '';
    }
    table += '</tbody></table>';
    return table;
}

 下面是展示效果：