1. data: 用于指定 K线图的数据,每个数据项是一个包含四个值的数组,分别表示开盘价、收盘价、最低价、最高价。
2. itemStyle: 配置阳线和阴线的样式。可以包含以下属性:
- color: 阳线的颜色。
- color0: 阴线的颜色。
- borderColor: 阳线的边框颜色。
- borderColor0: 阴线的边框颜色。
3. barMaxWidth: 设置 K线图柱子的最大宽度。
4. barMinWidth: 设置 K线图柱子的最小宽度。
5. barWidth: 设置 K线图柱子的宽度。如果同时设置了 barMaxWidth 和 barMinWidth,barWidth 会被忽略。
6. markPoint: 在 K线图上标记特定点,例如标记最高价和最低价。
7. markLine: 在 K线图上标记特定的线段,例如标记均线。
8. tooltip: 配置 K线图的提示框。
下面是一个示例,演示了部分 K线图的属性配置:
series: [{
type: 'candlestick',
data: [
[2320.26, 2320.26, 2287.3, 2362.94],
[2300, 2291.3, 2288.26, 2308.38],
[2295.35, 2346.5, 2295.35, 2345.92],
// ... more data points
],
itemStyle: {
color: '#ef232a',
color0: '#14b143',
borderColor: '#ef232a',
borderColor0: '#14b143'
},
barMaxWidth: 20,
markPoint: {
data: [
{ type: 'max', name: '最大值' },
{ type: 'min', name: '最小值' }
]
},
markLine: {
data: [
{ type: 'average', name: '平均值' }
]
},
tooltip: {
formatter: function (param) {
return [
'Open: ' + param.data[0],
'Close: ' + param.data[1],
'Lowest: ' + param.data[2],
'Highest: ' + param.data[3]
].join('<br/>');
}
}
}]
上述示例展示了一些常见的 K线图属性配置,具体的配置可根据实际需求进行进一步的调整。完整的属性配置和更多详细信息可以参考 ECharts 官方文档:[Candlestick](https://echarts.apache.org/zh/option.html#series-candlestick)。
转载请注明出处:http://www.zyzy.cn/article/detail/5429/ECharts