下图中本意是想按A001、A002分类后再按日期绘制3天的K线,但下述代码只按第一列做了分类,日期部分的绘图重合到一起了,怎么才能在同一分类里并排绘出3个日期的K线呢?总感觉Echarts不至于连这个小小的需求都实现不了,应该是我水平不行,请高手们不吝指点一下。谢谢。
var data =
[['A001', '2022-10-16', 11.77, 12.44, 11.42, 12.68],
['A001', '2022-10-23', 12.33, 15.03, 12.1, 15.03],
['A001', '2022-10-30', 15.15, 15.91, 13.8, 18.0],
['A002', '2022-10-16', 4.92, 5.66, 4.92, 5.87],
['A002', '2022-10-23', 5.59, 5.49, 5.18, 6.23],
['A002', '2022-10-30', 5.46, 6.74, 5.04, 6.74]];
option = {
tooltip : {},
grid: [{}],
dataset:{
//sourceHeader:False,
source:data
},
xAxis :[
{type : 'category',gridIndex: 0, encode: { x: [0]}},
// {type : 'category',gridIndex: 1,encode: { x: [1]}}
],
yAxis : [{type : 'value', gridIndex: 0 },
//{type : 'value', gridIndex: 1 }
],
series: [{
type: 'candlestick',
encode: {
x: [0],
y: [2,3,4,5], seriesLayoutBy: 'row' }},
]
};
回复里好像不能贴图,贴这里了。
是要实现按类别、按日期的分类,类似这样的效果:
现在的代码3个日期显示的K线实际上是重叠在一起的,增加axis显示就能看到,如下图:
不清楚你需求得并排展示是不是这样的效果?上证指数 - Apache ECharts