echart line数据和图标

ECharts 是一个基于 JavaScript 的开源可视化库，用于构建交互式的图表和可视化界面。ECharts 提供了多种类型的图表，包括折线图（line chart）、柱状图（bar chart）、散点图（scatter chart）、饼图（pie chart）等等。

下面是一个简单的折线图（line chart）的例子，展示如何使用 ECharts 绘制折线图。

HTML 代码：

<div id="chart" style="width: 600px;height:400px;"></div>

JavaScript 代码：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('chart'));

// 指定图表的配置项和数据
var option = {
  title: {
    text: '折线图示例'
  },
  tooltip: {},
  legend: {
    data:['销量']
  },
  xAxis: {
    data: ["1月","2月","3月","4月","5月","6月"]
  },
  yAxis: {},
  series: [{
    name: '销量',
    type: 'line',
    data: [5, 20, 36, 10, 10, 20]
  }]
};

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

在上面的代码中，我们通过 ECharts 提供的 init 方法初始化了一个 ECharts 实例，并通过指定一个包含 id 为 "chart" 的 div 元素的方式来指定图表的容器。接着，我们定义了一个 option 对象，包含了折线图的配置项和数据。其中，xAxis 和 yAxis 分别表示 x 轴和 y 轴的配置，series 表示数据系列的配置，每个系列可以包含多个数据项。最后，我们通过调用 setOption 方法将配置项和数据应用到图表中。

上述代码中的折线图展示了一个销售量的变化趋势，x 轴表示时间，y 轴表示销售量。我们可以通过修改 xAxis 中的 data 属性来修改 x 轴的刻度值，通过修改 series 中的 data 属性来修改数据系列的值，从而实现不同类型的折线图。