在 ECharts 中,线图是通过 series 中的 type: 'line' 进行配置的。以下是一个简单的例子,演示如何绘制线图并显示一条简单的线:
option = {
    xAxis: {
        type: 'category',
        data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        type: 'line',  // 线图
        data: [150, 230, 224, 218, 135, 147],
        smooth: true  // 是否平滑曲线
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

在上述代码中,xAxis 设置了横坐标的类型为 'category',并提供了对应的数据数组。yAxis 设置了纵坐标的类型为 'value',表示纵坐标是数值型的。

series 中的 type: 'line' 表示这是一个线图。data 数组包含了线图上的数据点,每个数据点对应一个横坐标和纵坐标的值。在这个例子中,线图连接了六个数据点,表示了一条线的趋势。

你还可以根据需要调整一些其他的配置,例如是否使用平滑曲线(smooth: true),线的颜色、样式等。


转载请注明出处:http://www.zyzy.cn/article/detail/5437/ECharts