Javascript 总值包含highcharts中当前值的一部分

Javascript 总值包含highcharts中当前值的一部分,javascript,angular,highcharts,Javascript,Angular,Highcharts,如何在highcharts中使用我的列值?我有两个值:“总计”和“当前”。总计总是更大,因为它包含当前值。我用js Fiddle编写了一些示例: 我想显示图表,其中total value是列的最大值,current列是total列的一部分。在我的示例中,“John Total”的第一列应该是8,并且“John Current”的一部分是3。在我的代码示例中,值是总和,finish值是11。我怎样才能解决这个问题并得到像图片中那样的列? 此系列具有最大值: series: [{ name

如何在highcharts中使用我的列值?我有两个值:“总计”和“当前”。总计总是更大,因为它包含当前值。我用js Fiddle编写了一些示例:

我想显示图表,其中total value是列的最大值,current列是total列的一部分。在我的示例中,“John Total”的第一列应该是8,并且“John Current”的一部分是3。在我的代码示例中,值是总和,finish值是11。我怎样才能解决这个问题并得到像图片中那样的列? 此系列具有最大值:

series: [{
    name: 'John Total',
    data: [8, 9, 4, 7, 6],
},
这一系列的结果是总结果的一部分。John从Total中得到多少分:

{
    name: 'John Current',
    data: [3, 4, 3, 2, 5],
    stack: 'male'
},
所以第一列的最大值应该是8,包括3,就像图中一样。图片上的蓝色列应该有8个,因为我们在第一个数组中有这个,黑色列应该有3个。当我在一列中得到最大值和该值的一部分时,我如何实现这个目标?

根据你的评论

当我在一列中得到最大值和该值的一部分时,我如何实现这个目标

在这种情况下,您不能使用

堆叠:“正常”

您必须使用重叠的柱状图

  plotOptions: {
    column: {
      grouping: false,
      groupPadding: 0.4 //added padding to give some spacing between column
    }, 
  },
和系列

series:[{y: 8,x: 0.20 }, {y: 5,x: 1.20}, { y: 9,x: 2.20}, {y: 8,x: 3.20 }, {y: 9,x: 4.20}, ]},...];
这里x值表示列的位置(如果不在系列中定义x,则列将彼此重叠)

Highcharts.chart('container'{
图表:{
类型:“列”
},
标题:{
正文:“水果消费总量,按性别分组”
},
xAxis:{
类别:[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’],
},
亚克斯:{
allowDecimals:false,
分:0,,
标题:{
文本:“水果数量”
}
},
打印选项:{
专栏:{
分组:false,
分组填充:0.4
},
},
系列:[{
姓名:“Jane Total”,
数据:[{
y:8,
x:0.20
}, {
y:5,
x:1.20
}, {
y:9,
x:2.20
}, {
y:8,
x:3.20
}, {
y:9,
x:4.20
}, ]
}, {
姓名:'Jane Current',
数据:[{
y:1,,
x:0.20
}, {
y:0,
x:1.20
}, {
y:4,
x:2.20
}, {
y:4,
x:3.20
}, {
y:3,
x:4.20
}, ]
}, {
姓名:'John Total',
数据:[8,9,4,7,6],
}, {
姓名:“John Current”,
数据:[3,4,3,2,5],
}]
});


预期的输出是什么?我希望我的列的最大值为“John Total”和“Jane Total”,并且包含“John Total”的“John Current”堆栈和“Jane Total”的“Jane Current”堆栈。例如,第一列有8,包含3。现在,对于第一列的值,似乎和当前的总和相加,得到11。我需要有最大8,并包含在其较低的部分我只有我的总数和部分3。我的合计应显示为最大值我不需要两者相加,但只需在一列中显示合计和合计的一部分只要看我示例中的第一列就可以了,但在图表中应具有最大值8(来自John total)而不是11是否要对相同性别的数据数组求和?是的,我想是这样!谢谢你,伙计。你能告诉我如何从系列中画出Y轴吗。我有$scope..myData=array[1,2,3,4]。如何将数组放置到series.data Y轴?添加angularjs fiddle示例。你的实际问题是什么?您在创建像
[{y:8,x:0.20},{y:5,x:1.20},{y:9,x:2.20},{y:8,x:3.20},{y:9,x:4.20},]
这样的数据时是否遇到问题?是的,我知道它很好,而且工作正常。我只想知道是否可以将带有值的数组传递给数据:。这个值只会像你的例子中那样抛出到Y。我不想像$scope那样准备我的$scope..myData=array[1,2,3,4]..myData=array[y:1,y:2,y:3,y:4]。我只想将数组作为数据传递:$scope.myData,我想找到像fillOnlyTheYAxis这样的选项使用数组中的我的值通过fillOnlyTheYAxis使用数组中的我的值你想让yAxis标签1,2,3,4而不是0,2,4,6,8当前值选中这个更新的。我的理解有很大差距;-)
series:[{y: 8,x: 0.20 }, {y: 5,x: 1.20}, { y: 9,x: 2.20}, {y: 8,x: 3.20 }, {y: 9,x: 4.20}, ]},...];