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方法。