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
});