反转一个图表,而其他图表则不反转-同步高图

时间:2018-11-14 02:17:46

标签: javascript charts highcharts

要反转图表,您必须添加reversed: true。可以在xAxisyAxis上完成。在Highchartshttps://jsfiddle.net/omaraziz/zg516ruk/提供的此示例中,当我添加反转时,它将反转所有图表。如何只反转一张图表?更一般而言,什么是在一个图表上进行更多自定义的正确方法,而不是在两个图表同步时在另一个上进行? 选择“同步”是因为我希望在从右向左扫描时同时显示两个值,反之亦然。

现在,每次我更改图例位置,反转xAxis或yAxis,使用工具提示进行播放,为yAxis设置最大值和最小值等时,都会同时执行这两项操作。

这是我的JSON数据,以防万一,方法是通过JSON文件:https://omaraziz.me/CC-chart/activity.json

1 个答案:

答案 0 :(得分:0)

您可以使用索引变量i来识别图表。例如,下面的IFFE函数仅对第二张图表返回true:

            xAxis: {
                reversed: (function() {
                    return i === 1
                })(),
                ...
            }

实时演示:https://jsfiddle.net/BlackLabel/7fx6jdnw/