echart折线图图例样式类型

ECharts 折线图（line chart）的图例样式类型有多种，包括：

1. 普通图例（plain）：可以设置图例的位置、大小、字体、颜色等属性。

2. 滚动图例（scroll）：可以设置滚动图例的位置、大小、字体、颜色、滚动条等属性。

3. 分页图例（page）：可以将图例分页显示，每页显示一定数量的图例项。

4. 图标图例（icon）：可以将图例项的名称显示为图标，例如可以设置为圆形、三角形、正方形等。

5. 自定义图例（custom）：可以通过自定义 HTML/CSS 样式来创建图例，具有更大的灵活性。

在 ECharts 中，可以通过设置 legend.type 属性来指定图例类型，同时也可以通过其他属性来设置图例的样式类型。例如，设置 legend.pageIconColor 属性可以修改分页图例中的图标颜色。

相关问题

echart折线图自定义图例

echarts折线图的自定义图例可以通过以下步骤实现：

1. 首先，在echarts的配置项（option）中设置图例（legend）的属性，如位置（top、bottom、left、right）和对齐方式等。

2. 然后，使用legend.data属性指定要显示的图例项，可以是字符串数组或对象数组。每个图例项可以包含name（图例项名称）和icon（图例项的图标）属性。

3. 接下来，通过设置series属性中的itemStyle属性，为每条折线设置不同的颜色或样式。可以使用series[i].itemStyle.normal.color属性设置折线的颜色，或者使用series[i].itemStyle.normal.lineStyle属性设置折线的样式。

4. 最后，通过注册legendselectchanged事件，可以监听图例的点击事件，从而实现点击某一个图例只显示当前的折线的功能。在事件的回调函数中，可以使用chart.dispatchAction方法来进行相应的操作，如隐藏或显示某条折线。

echart 折线图legend不显示

ECharts是一款强大的数据可视化库，在创建折线图时，如果想要隐藏Legend（图例），你可以通过设置`legend`选项的`show`属性为`false`来实现。下面是一个简单的例子：

var option = {
  xAxis: { // x轴配置
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: { // y轴配置
    type: 'value'
  },
  series: [ // 数据系列
    {
      name: '销量',
      type: 'line', // 折线图
      data: [120, 132, 101, 134, 90, 230, 210], // 数据点
      lineStyle: { // 隐藏图例的样式
        show: false // 关闭显示
      }
    }
  ]
};

// 初始化图表，并隐藏图例
echarts.init(document.getElementById('main')).setOption(option);

在这个例子中，`lineStyle.show: false`表示该系列的图例将不会显示。如果你希望全局隐藏所有图例，可以在`legend`选项本身设置`show: false`。