echarts type为lines的简单例子
时间: 2024-09-27 10:15:21 浏览: 37
echarts绘制动态航线实例
ECharts是一个强大的数据可视化库,它允许用户创建交互式图表。"lines"类型用于绘制折线图。下面是一个简单的例子,展示如何在JavaScript中使用ECharts创建一个线条图:
```javascript
// 引入ECharts库
import echarts from 'echarts';
// 创建一个ECharts实例
const myChart = echarts.init(document.getElementById('main'));
// 设置图表配置项
const option = {
// 数据
xAxis: { data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] },
yAxis: {},
series: [
{
name: 'Series A',
type: 'lines', // 使用lines类型
data: [820, 934, 990, 908, 856, 760, 770],
},
{
name: 'Series B',
type: 'lines',
data: [220, 432, 520, 370, 130, 230, 200],
}
]
};
// 渲染图表
myChart.setOption(option);
```
在这个例子中,我们创建了一个包含两个系列(Series A和Series B)的线条图,每个系列都有各自的一组数据点,X轴表示日期,Y轴代表数值。
阅读全文