echarts曲线图图例

ECharts 的曲线图（line chart）可以通过 `legend` 属性来设置图例。以下是一个简单的示例：

option = {
    legend: {
        data:['销量']
    },
    xAxis: {
        type: 'category',
        data: ['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '销量',
        type: 'line',
        data: [120, 200, 150, 80, 70, 110, 130]
    }]
};

在上面的示例中，`legend` 属性中的 `data` 数组定义了图例的文本内容，这里只有一个数据项，即 `'销量'`。`series` 数组中的每个数据项都可以通过 `name` 属性来指定自己在图例中显示的文本。在这里，我们将曲线的名称设置为 `'销量'`，与图例中的文本一致。

运行上述代码后，你将会看到一个带有图例的曲线图。你可以通过修改 `legend` 属性中的 `data` 数组和 `series` 数组中的 `name` 属性来添加或删除图例项。同时，你也可以通过 `legend` 属性中的其他配置项来进一步自定义图例的样式和位置。

相关问题

echarts曲线图图例位置

echarts曲线图的图例位置可以通过legend属性进行设置。常用的位置有：

- top：图例位于顶部居中。
- left：图例位于左侧。
- right：图例位于右侧。
- bottom：图例位于底部居中。

例如，设置图例位于顶部居中位置：

option = {
  legend: {
    data: ['销量'],
    align: 'center',
    top: 'top'
  },
  xAxis: {
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  },
  yAxis: {},
  series: [{
    name: '销量',
    type: 'line',
    data: [5, 20, 36, 10, 10, 20, 5]
  }]
};

更多设置可以参考echarts官方文档：https://echarts.apache.org/zh/option.html#legend

echarts曲线图 图例的圆圈不显示

如果您使用的是 ECharts 4 版本或更高版本，您可以通过设置 `legend.itemStyle` 的 `borderRadius` 属性来控制图例圆圈的圆角大小。例如：

legend: {
  itemStyle: {
    borderRadius: 10 // 设置圆角大小为 10px
  }
}

如果您使用的是 ECharts 3 版本或更低版本，您可以通过设置 `legend.itemWidth` 和 `legend.itemHeight` 的值来改变图例圆圈的大小。例如：

legend: {
  itemWidth: 20, // 设置图例圆圈的宽度为 20px
  itemHeight: 20 // 设置图例圆圈的高度为 20px
}

如果您的图例圆圈仍然无法显示，请检查您的数据是否正确，或者尝试使用其他浏览器查看图表。