Javascript Highcharts-防止饼图与折线图重叠?

Javascript Highcharts-防止饼图与折线图重叠?,javascript,charts,highcharts,Javascript,Charts,Highcharts,我有二合一图表,如您所见: })) 您将看到饼图与折线图重叠 我希望实现以下结果(模拟): 我尝试使用xAxis上的offset参数执行此操作,但它没有按预期工作。我认为在图表中,可以使用xAxis.min和xAxis.tick定位器。您可以在API中找到关于它们的信息: 您可以使用它们在xAxis上移动类别。在这里,您可以找到可以帮助您的代码: xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'J

我有二合一图表,如您所见:

}))

您将看到饼图与折线图重叠

我希望实现以下结果(模拟):


我尝试使用
xAxis
上的
offset
参数执行此操作,但它没有按预期工作。

我认为在图表中,可以使用xAxis.min和xAxis.tick定位器。您可以在API中找到关于它们的信息:

您可以使用它们在xAxis上移动类别。在这里,您可以找到可以帮助您的代码:

    xAxis: {
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
  tickmarkPlacement: "on",
  minPadding: 0,
  maxPadding: 0,
  min: -5,
  tickPositioner: function() {
    var positions = [];
    for (var i = 0; i < this.categories.length; i++) {
      positions.push(i)
    }
    return positions
  }
},
xAxis:{
类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月],
滴答声:“开”,
数字:0,
maxPadding:0,
最小:-5,
定位器:函数(){
var头寸=[];
对于(var i=0;i
使用此函数,我将仅显示xAxis上的类别,但它们将使用xAxis.min参数进行移动

在这里,您可以找到一个如何工作的示例:


致以最诚挚的问候。

我认为在图表中,您可以使用xAxis.min和xAxis.tick定位器。您可以在API中找到关于它们的信息:

您可以使用它们在xAxis上移动类别。在这里,您可以找到可以帮助您的代码:

    xAxis: {
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
  tickmarkPlacement: "on",
  minPadding: 0,
  maxPadding: 0,
  min: -5,
  tickPositioner: function() {
    var positions = [];
    for (var i = 0; i < this.categories.length; i++) {
      positions.push(i)
    }
    return positions
  }
},
xAxis:{
类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月],
滴答声:“开”,
数字:0,
maxPadding:0,
最小:-5,
定位器:函数(){
var头寸=[];
对于(var i=0;i
使用此函数,我将仅显示xAxis上的类别,但它们将使用xAxis.min参数进行移动

在这里,您可以找到一个如何工作的示例:


问候。

您好,我想您可以使用xAxis.min和xAxis.tick定位器来获取您想要的图表。在这里你可以看到一个例子,它是如何工作的:完美!你能把你的评论作为答案发表吗?我会接受的。很高兴看到我的解决方案对你有效。我已经把它作为一个答案发布了。嗨,我想你可以使用xAxis.min和xAxis.tick定位器来获取你想要的图表。在这里你可以看到一个例子,它是如何工作的:完美!你能把你的评论作为答案发表吗?我会接受的。很高兴看到我的解决方案对你有效。我已经把它作为一个答案贴了出来。当有更多的类别时,你知道如何处理这个问题吗?例如,如果您想动态更改图表的宽度,可以在重画事件回调函数中添加类似的功能。这里您可以看到一个示例:您能解释一下chart.series[1].center
属性到底是什么吗?我在API文档中找不到任何内容:/您可以在这里找到有关该中心的信息。我使用的参数几乎相同,但它是一个内部Highcharts参数。你可以在Highcharts代码中找到关于它的信息,寻找getCenter方法。当有更多类别时,你知道如何处理这种情况吗?例如,如果您想动态更改图表的宽度,可以在重画事件回调函数中添加类似的功能。这里您可以看到一个示例:您能解释一下chart.series[1].center
属性到底是什么吗?我在API文档中找不到任何内容:/您可以在这里找到有关该中心的信息。我使用的参数几乎相同,但它是一个内部Highcharts参数。您可以在Highcharts代码中找到关于它的信息,查找getCenter方法。