echarts基础折线图样式

ECharts是一个流行的JavaScript图表库，用于创建各种类型的可视化图表，包括基础折线图。以下是创建一个基本折线图的一些样式设置：

1. **数据准备**：
首先，你需要有数据数组，格式通常是`[x轴数据, y轴数据]`。例如：

   var data = [[0, 5], [1, 20], [2, 40], [3, 80]];

2. **初始化图表**：
使用ECharts的API创建一个新的图表实例：

   var chart = echarts.init(document.getElementById('main')); // 'main' 是你的容器id

3. **配置选项**：
创建一个配置对象，包含标题、坐标轴标签、线条颜色等信息：

   var option = {
       title: { text: '折线图示例' }, 
       tooltip: {},
       xAxis: { type: 'category', data: ['A', 'B', 'C', 'D'] },
       yAxis: { name: '数值' },
       series: [
           {
               name: '数据',
               type: 'line', // 折线图
               data: data,
               lineStyle: { color: 'red' } // 线条颜色
           }
       ]
   };

4. **绘制图表**：
将配置传递给`setOption`方法以绘制图形：

   chart.setOption(option);