!!!###!!!title=162- 线图和堆积柱状图组合,如何定义轴的映射关系?——VisActor/VChart FAQ 文档!!!###!!!

线图和堆积柱状图组合,如何定义轴的映射关系?

问题描述

在一个柱线组合图中,有 2 条线,我希望下面的线与柱子都是对应左轴,顶部的线对应右轴。在 vchart 里应该如何配置呢?

解决方案

在 VChart 中轴和系列可以灵活的配置对应关系,在轴上有配置 seriesId 可以配置为一个系列 id 的数组或者单个系列 id

  • 将线的数据分成 2 份,如果已经是 2 份可以不处理,假设他们的 id 分别是 line0 和 line1 , 同时柱子的 id 是 bar0
  • 将左轴的 seriesId 设置为 ['line0','bar0'],将右轴的 seriesId 设置为['line1']。

代码示例

相关文档