echarts 折线图 Legend
时间: 2023-07-08 12:48:54 浏览: 130
ECharts 折线图的 Legend(图例)用于展示每条折线所对应的数据系列名称。可以通过设置 Legend 的位置、样式、字体等属性来自定义 Legend。以下是一个样例代码,展示如何在 ECharts 中添加 Legend:
```javascript
option = {
legend: {
data:['销量']
},
xAxis: {
data: ["1月","2月","3月","4月","5月","6月"]
},
yAxis: {},
series: [{
name: '销量',
type: 'line',
data: [5, 20, 36, 10, 10, 20]
}]
};
```
在这个例子中,Legend 中只有一个数据系列名称,即“销量”。可以通过修改 `data` 属性来添加或删除 Legend 中的数据系列名称。
相关问题
echarts折线图legend位置
Echarts折线图的legend位置可以通过设置legend的x和y属性来调整。例如,设置x为'right',y为'top',则legend会出现在图表的右上角。同时,也可以通过设置orient属性来调整legend的方向,例如设置orient为'vertical',则legend会以垂直方向排列。
echarts折线图legend配置
要配置 ECharts 折线图的 legend,你可以使用 legend 属性来进行设置。以下是一些常用的配置选项:
1. type:设置 legend 的类型,默认为 'plain',表示普通的图例。还可以设置为 'scroll',表示可滚动的图例。
2. show:设置是否显示 legend,默认为 true。
3. orient:设置图例的布局方式,默认为 'horizontal',表示水平布局。还可以设置为 'vertical',表示垂直布局。
4. align:设置水平方向上的对齐方式,默认为 'auto'。还可以设置为 'left'、'center' 或 'right'。
5. padding:设置图例的内边距,默认为 5。
6. itemGap:设置图例每项之间的间隔,默认为 10。
7. itemWidth:设置图例标记的宽度,默认为 25。
8. itemHeight:设置图例标记的高度,默认为 14。
9. data:设置图例的数据,可以是一个数组,每个元素表示一个图例项。
以下是一个示例配置:
```javascript
legend: {
type: 'plain',
show: true,
orient: 'horizontal',
align: 'auto',
padding: 5,
itemGap: 10,
itemWidth: 25,
itemHeight: 14,
data: ['数据一', '数据二', '数据三']
}
```
阅读全文