如何使用ECharts创建预测图表

Question

我想创建一个包含实际值（折线图）和预测值（虚线图）的预测图表。 Here 是用 Excel 制作的示例：

我想使用 ECharts 库创建相同的图表，但我无法从他们的网页上找到任何示例 https://echarts.apache.org/examples/en/：

如果有一种使用 javascript 构建此图表的方法，那将非常有帮助，如果有这种可能性，我不介意使用其他库，如 ChartJs。

Answer 1

试试这个。

option = {
xAxis: {
    type: 'category',
    data: [20, 19, 18, 17, 16, 15, 14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1]
},
yAxis: {
    type: 'value'
},
series: [{
    data: [0, 20, 30, 45, 40, 50, 51, 52, 50, 49, 56, 55],
    type: 'line',
    smooth: true,
    lineStyle: {
        color: 'red'
    }
}, {
    data: [null, null, null, null, null, null, null, null, null, null, null, 55, 50, 49, 48],
    type: 'line',
    smooth: true,
    lineStyle: {
        color: 'blue',
        type: 'dashed'
    }
}]

};

这是一个非常简单的示例，但它应该可以解决您的问题。我没有添加传奇，但你应该可以毫无问题地添加传奇。

如何使用ECharts创建预测图表

How to create Forecast Chart using ECharts

javascript

echarts