Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 强制两个X轴在高图中相同_Javascript_Jquery_Highcharts - Fatal编程技术网

Javascript 强制两个X轴在高图中相同

Javascript 强制两个X轴在高图中相同,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,目前我有两张完全不同的图表 $(div).highcharts({ title: { text: "" }, credits: { enabled: false }, xAxis: { type: "datetime", }, legend: { enabled: false

目前我有两张完全不同的图表

$(div).highcharts({
        title: {
            text: ""
        },
        credits: {
            enabled: false
        },
        xAxis: {
            type: "datetime",
        },
        legend: {
          enabled: false  
        },
        yAxis: yAxis.ranking,
        series: data.rankings
    });

我需要两者的X轴完全匹配。这两个图表通常有4个系列,并且倾向于很好地排列,但是在它们在1到3个系列之间的情况下,那么第二个图表与顶部的表不同步,中间的中心在两边都有大量的空白。
我想知道是否有办法强制第二个图形采用另一个图形的精确X轴。

是的,您可以使用linkedTo选项

X轴是一个对象

也许你可以在highcharts methode之外声明这个对象。
在两个highcharts方法中,使用声明的对象。

您可以添加完整的图表代码吗?比如数据和一切,我真的不能。它是通过对数据库的ajax调用动态收集的,数据库中充满了我在这里无法共享的信息。但我不确定这会有什么帮助?我不认为是这样。如果我这样做的话,我只会说
var xAxis={type:“datetime”}
,这与我现在所做的基本相同。你能用你的工作示例创建一个jsfindle吗?通过查看文档中linkedTo的用例示例,我可能会说不,linkedTo不是我想要的答案:(与答案最接近的是,我决定使用一个图表,而不是两个单独的图表,然后使用linkedTo
$(div + "Count").highcharts({
        chart: {
            type: 'column',
        },
        title: {
            text: ""
        },
        credits: {
            enabled: false
        },
        xAxis: {
            type: "datetime",
        },
        yAxis: yAxis.count,
        series: data.counts
    });