1. 数据(data):
- 类型:Array,包含每个 K 线图数据项的数组。
- 示例:
data: [
[open, close, lowest, highest],
// More data items...
]
2. 坐标轴(xAxis, yAxis):
- 可以配置横轴和纵轴的样式、刻度、标签等信息。
3. 图表类型(type):
- 设置为 'candlestick' 表示使用 K 线图。
- 示例:
type: 'candlestick'
4. K 线宽度(barWidth):
- 控制每个 K 线的宽度。
- 示例:
barWidth: 10
5. K 线样式(itemStyle):
- 配置 K 线的样式,包括颜色、边框等。
- 示例:
itemStyle: {
color: 'green',
borderColor: 'red',
borderWidth: 1
}
6. 标记点(markPoint):
- 在 K 线图上标注特定的点,如最高价、最低价等。
- 示例:
markPoint: {
data: [
{type: 'max', name: '最高价'},
{type: 'min', name: '最低价'}
]
}
7. 工具箱(toolbox):
- 提供一系列工具,如保存为图片、数据视图等。
- 示例:
toolbox: {
feature: {
saveAsImage: {}
}
}
8. 提示框(tooltip):
- 配置鼠标悬停时的提示信息显示。
- 示例:
tooltip: {
show: true,
trigger: 'axis',
axisPointer: {
type: 'cross'
}
}
这只是一些 K 线图的常见属性,你可以根据需要在 ECharts 的配置中进一步自定义样式和功能。更多详细信息可以参考 ECharts 的官方文档:[ECharts K 线图配置项](https://echarts.apache.org/zh/option.html#series-candlestick)。
转载请注明出处:http://www.zyzy.cn/article/detail/6275/ECharts