echarts 自定义系列性能分析图中显示legend

要在 ECharts 自定义系列性能分析图中显示 legend，需要在 ECharts 初始化时设置 series 对象的 name 属性，并在 legend 对象中配置相应的 data。例如：

// ECharts 初始化
var myChart = echarts.init(document.getElementById('myChart'));

// 配置 series 对象
option.series = [
  {
    name: 'series1',
    type: 'custom',
    renderItem: renderItem,
    data: data1,
    // ...
  },
  {
    name: 'series2',
    type: 'custom',
    renderItem: renderItem,
    data: data2,
    // ...
  },
  // ...
];

// 配置 legend 对象
option.legend = {
  data: ['series1', 'series2', ...],
  // ...
};

// 渲染图表
myChart.setOption(option);

这样就可以在性能分析图中显示 legend 了。当然，在实际应用中，你需要根据自己的需求来设置 series 和 legend 的属性。

相关问题

echarts折线图option属性的legend属性详解

Echarts 折线图中的 legend 属性主要用于显示折线图中各个系列的图例，以便于用户对图表数据进行更好的理解和分析。下面是 legend 属性的详细说明：

1. show：用于控制图例的显示与隐藏，默认为 true，表示显示图例。

2. type：用于指定图例的类型，包括 "plain"（普通图例）和 "scroll"（滚动图例）两种类型，默认为 "plain"。

3. left/right/top/bottom：用于指定图例的位置。left 和 right 属性用于控制水平方向上图例的位置，取值范围为像素值或百分比；top 和 bottom 属性用于控制垂直方向上图例的位置，取值范围为像素值或百分比。

4. orient：用于控制图例的布局方向，包括 "horizontal"（水平布局）和 "vertical"（垂直布局）两种方向，默认为 "horizontal"。

5. align：用于控制图例在水平方向上的对齐方式，包括 "left"、"center" 和 "right" 三种方式，默认为 "auto"，表示自动对齐。

6. padding：用于控制图例内边距，取值为像素值或数组，包括上下左右四个方向的内边距。

7. itemGap：用于控制图例之间的间距，取值为像素值或百分比。

8. itemWidth/itemHeight：用于控制图例项的宽度和高度，取值为像素值。

9. textStyle：用于控制图例文本的样式，包括字体大小、颜色、字体粗细等。

10. data：用于指定图例的数据，即各个系列的名称，数据格式为数组，数组中每个元素为一个字符串，表示一个系列的名称。

echarts 中legend做什么用

在 ECharts 中，legend（图例）用于展示图表中的不同系列（series）的标识和名称。它提供了一种简单的方式来区分不同的数据系列，并帮助用户理解图表中的内容。

通过图例，用户可以快速了解每个数据系列所代表的含义。当图表中有多个数据系列时，图例可以帮助用户选择性显示或隐藏某些系列，以便更好地分析和比较数据。

图例一般位于图表的边缘，如上方、下方、左侧或右侧。它通常包含一个或多个颜色标识和相应的文本标签，用于表示不同系列。

在 ECharts 中，你可以通过配置项中的 `legend` 属性来自定义图例的样式、位置和行为。你可以设置图例的布局、对齐方式、字体样式等属性，以满足你的需求。