Javascript 列上的动态值+；jQuery Highcharts

我正在使用来自jQuery HighCharts的堆叠柱形图。（小提琴链接）

$（函数（）{
$（“#容器”）。高图({
图表：{
类型：“列”
},
标题：{
文本：“堆叠柱形图”
},
xAxis：{
类别：[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’]
},
亚克斯：{
分:0,，
标题：{
正文：“水果总消费量”
},
堆叠标签：{
启用：对，
风格：{
fontWeight:'粗体'，
颜色：（Highcharts.theme&&Highcharts.theme.textColor）| |“灰色”
}
}
},
图例：{
对齐：“右”，
x:-70，
垂直排列：“顶部”，
y:20，
浮动：是的，
背景色：（Highcharts.theme&&Highcharts.theme.legendBackgroundColorSolid）| |白色，
边框颜色：“#CCC”，
边框宽度：1，
影子：错
},
工具提示：{
格式化程序：函数（）{
返回“+this.x+”
+
this.series.name+'：'+this.y+'
+
“总计：”+this.point.stackTotal；
}
},
打印选项：{
专栏：{
堆叠：“正常”，
数据标签：{
启用：对，
颜色：（Highcharts.theme&&Highcharts.theme.dataLabelsColor）| |“白色”，
风格：{
textShadow:'0 0 3px黑色，0 0 3px黑色'
}
}
}
},
系列：[{
姓名：'约翰'，
数据：[null，null，4，7，2]
}, {
姓名：'简'，
数据：[空，空，3，2，1]
}, {
名字：'乔'，
数据：[3,4,4,2,5]
}]
});
});

---

正如你所看到的，在每一列的总数上面都有一个总数。但我还需要别的东西。我希望我的第一个酒吧是100%。然后我需要计算其他两列的百分比，并将这些数字放在列的上方。如何使它们成为动态的？

您可以在这里扩展点属性并添加一个新字段，该字段显示在

数据标签中。当然，你需要对这些百分比进行预处理。以下示例假设您已经计算了百分比值：

plotOptions: {
    series: {
        dataLabels: {
            enabled: true,
            format: '{point.perc} %'
        }
    }
}

point.perc
是点的
perc
属性，它包含您已经计算的百分比值。
在数据数组中，可以使用以下格式：

series: [{
            data: [{y: 29.9, perc: 100}, {y:71., perc: 50}, {y:106.4, perc: 30}, {y:129.2, perc: 20}]        
        }]

现场演示。
您可以在此处扩展点属性并添加一个新字段，该字段显示在
数据标签中。当然，你需要对这些百分比进行预处理。以下示例假设您已经计算了百分比值：

plotOptions: {
    series: {
        dataLabels: {
            enabled: true,
            format: '{point.perc} %'
        }
    }
}

point.perc
是点的
perc
属性，它包含您已经计算的百分比值。
在数据数组中，可以使用以下格式：

series: [{
            data: [{y: 29.9, perc: 100}, {y:71., perc: 50}, {y:106.4, perc: 30}, {y:129.2, perc: 20}]        
        }]

现场演示。
您可以在此处扩展点属性并添加一个新字段，该字段显示在
数据标签中。当然，你需要对这些百分比进行预处理。以下示例假设您已经计算了百分比值：

plotOptions: {
    series: {
        dataLabels: {
            enabled: true,
            format: '{point.perc} %'
        }
    }
}

point.perc
是点的
perc
属性，它包含您已经计算的百分比值。
在数据数组中，可以使用以下格式：

series: [{
            data: [{y: 29.9, perc: 100}, {y:71., perc: 50}, {y:106.4, perc: 30}, {y:129.2, perc: 20}]        
        }]

现场演示。
您可以在此处扩展点属性并添加一个新字段，该字段显示在
数据标签中。当然，你需要对这些百分比进行预处理。以下示例假设您已经计算了百分比值：

plotOptions: {
    series: {
        dataLabels: {
            enabled: true,
            format: '{point.perc} %'
        }
    }
}

point.perc
是点的
perc
属性，它包含您已经计算的百分比值。
在数据数组中，可以使用以下格式：

series: [{
            data: [{y: 29.9, perc: 100}, {y:71., perc: 50}, {y:106.4, perc: 30}, {y:129.2, perc: 20}]        
        }]

现场演示。
所以第一个条形图（3）应该有3个值（我假设yAxis限制为3），但其他点（包括I.e.4和其他值）应该转换/转换为更小的值，以实现与第一个条形图成比例的值，对吗？所以第一个条形图（3）应该有3个值（我假设yAxis限制为3），但其他点（包括4和其他值）应转换为较小的值，以实现与第一个条的比例值，对吗？因此第一个条（3）应具有3个值（我假设yAxis限制为3），但其他点（包括4和其他值）应转换/转换为较小的值，以实现与第一个棒的比例值，对吗？因此第一个棒（3）应具有3个值（我假设yAxis限制为3），但其他点（包括即4和其他值）应转换/转换为较小的值，以实现与第一个棒的比例值，我说得对吗？