这个需求Echarts能实现吗?(发的时候还担心会不会太幼稚,现在有点担心会不会是疑难杂症了,呼叫老中医!) ?

下图中本意是想按A001、A002分类后再按日期绘制3天的K线,但下述代码只按第一列做了分类,日期部分的绘图重合到一起了,怎么才能在同一分类里并排绘出3个日期的K线呢?总感觉Echarts不至于连这个小小的需求都实现不了,应该是我水平不行,请高手们不吝指点一下。谢谢。

image.png

 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' }},
    ]
};

回复里好像不能贴图,贴这里了。
是要实现按类别、按日期的分类,类似这样的效果:
image.png

现在的代码3个日期显示的K线实际上是重叠在一起的,增加axis显示就能看到,如下图:
image.png

阅读 1.5k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题