是否存在支持多图表共享坐标轴的非转译JavaScript图表库?
支持多图表共享同一坐标轴的无转译JavaScript图表库推荐
直接选择ApexCharts.js即可满足需求,它是纯原生JavaScript编写的图表库,无转译依赖,原生支持多图表/多系列共享同一坐标轴,你需要的双柱状图共享垂直Y轴(国家标签)的效果可以直接通过配置实现,核心配置逻辑如下:
- 将两个柱状图系列绑定到同一个
yaxis实例,即可自动共享Y轴的标签、刻度和整体高度 - 两个柱状图可以分别绑定独立的水平X轴,实现各自的数值标尺独立显示
- 无需手动调整多个图表实例的边距、对齐参数,所有共享逻辑由库内部处理,后续迭代维护成本极低
如果需要更轻量化的方案,也可以选择Lightweight Charts,同样是无转译的原生JS图表库,也支持坐标轴共享配置,包体积仅几十KB,适合对加载速度要求高的场景。
你提到的ECharts、Plotly.js、Chart.js目前确实没有原生支持该场景的配置项,若要强行实现只能手动拼接多个图表实例、硬编码对齐Y轴的位置和刻度,兼容性差且维护成本极高,不建议采用。

内容的提问来源于stack exchange,提问作者GirkovArpa
相关产品推荐
相关产品推荐

