Question

我正在使用echarts绘制数据。然后我有两个具有不同时间（X轴）的数据，我想将它们绘制在一张图片中。但是我发现echart的数据只能是一个数组，所以这两个数据的值不会实时绘制。所以我的问题是，echarts可以使用字典数据吗？以时间为键。然后这两个数据将在正确的时间绘制。

中文：我有两个数据，时间交替，我想把他们画到一张图里，但是这样在echarts里就会错位，不会显示到正确的时间上，可以使用一个键值作为echarts的数据吗？这样的两个数据可以显示到正确的位置上。

Answer 1

尝试在xAxis上使用类型“时间”。另请参阅使用数据集将数据传递到图表的新方法：

var myChart = echarts.init(document.getElementById('main'));

// format with arrays:
var source = [  
    ['2019-08-28T07:01:00+02:00', 127.7],
    ['2019-08-28T07:02:00+02:00', 148.0],
    ['2019-08-28T07:03:00+02:00', 1180.4],
    ['2019-08-28T07:04:00+02:00', 117.9]
]


// format with objects:
// var source = [   
//    { datetime: '2019-08-28T07:01:00+02:00', value: 127.7 },
//    { datetime: '2019-08-28T07:02:00+02:00', value: 148.0 },
//    { datetime: '2019-08-28T07:03:00+02:00', value: 1180.4 },
//    { datetime: '2019-08-28T07:04:00+02:00', value: 117.9 }
// ];

option = {
    dataset: {
        dimensions: ['datetime', 'value'],
        source: source
    },  
    xAxis: {
        type: 'time'
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: 'series1',
        type: 'line',
    }]
}

myChart.setOption(option);

在echarts中使用字典对象作为数据是否很讨厌？

1 个答案: