ECharts是一款数据可视化的开源库,而K线图则是一种用于展示股票价格波动的图表类型
▥前端
𝄐 0
echarts画k线,echarts折线图配置,echarts线路图,echarts绘图,echarts图表插件,echarts 教程
ECharts是一款数据可视化的开源库,而K线图则是一种用于展示股票价格波动的图表类型。在ECharts中,可以通过配置series组件来绘制K线图。
对于K线图的series组件配置,需要设置type为'candlestick'(蜡烛图)或者'ohlc'(开高低收图),并且需要提供相应的数据格式。其中,蜡烛图以收盘价、开盘价、最高价和最低价作为输入参数,而开高低收图则需要添加额外的成交量信息。
以下是一个简单的例子:
javascript
option = {
xAxis: {
data: ['2019-01-01', '2019-01-02', '2019-01-03', '2019-01-04', '2019-01-05']
},
yAxis: {},
series: [{
type: 'candlestick',
data: [
[20, 30, 10, 35],
[40, 35, 30, 50],
[33, 38, 30, 40],
[40, 34, 28, 45],
[33, 33, 25, 38]
]
}]
};
在上述例子中,xAxis表示横轴,yAxis表示纵轴,series表示数据系列。由于这是一个K线图,所以需要将series的type设置为'candlestick'。接着,在data中提供了五天的K线数据,每天的蜡烛图由四个数字组成,分别代表开盘价、收盘价、最低价和最高价。例如第一天的K线为20,30,10,35,表示开盘价为20,收盘价为30,最低价为10,最高价为35。
以上是一个简单的例子,实际使用中还需要根据具体需求进行更复杂的配置和样式调整。
ECharts是一款数据可视化的开源库,而K线图则是一种用于展示股票价格波动的图表类型。在ECharts中,可以通过配置series组件来绘制K线图。
对于K线图的series组件配置,需要设置type为'candlestick'(蜡烛图)或者'ohlc'(开高低收图),并且需要提供相应的数据格式。其中,蜡烛图以收盘价、开盘价、最高价和最低价作为输入参数,而开高低收图则需要添加额外的成交量信息。
以下是一个简单的例子:
javascript
option = {
xAxis: {
data: ['2019-01-01', '2019-01-02', '2019-01-03', '2019-01-04', '2019-01-05']
},
yAxis: {},
series: [{
type: 'candlestick',
data: [
[20, 30, 10, 35],
[40, 35, 30, 50],
[33, 38, 30, 40],
[40, 34, 28, 45],
[33, 33, 25, 38]
]
}]
};
在上述例子中,xAxis表示横轴,yAxis表示纵轴,series表示数据系列。由于这是一个K线图,所以需要将series的type设置为'candlestick'。接着,在data中提供了五天的K线数据,每天的蜡烛图由四个数字组成,分别代表开盘价、收盘价、最低价和最高价。例如第一天的K线为20,30,10,35,表示开盘价为20,收盘价为30,最低价为10,最高价为35。
以上是一个简单的例子,实际使用中还需要根据具体需求进行更复杂的配置和样式调整。
本文地址:
/show-278137.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。