HighCharts:显示y轴标签的百分比,而不是基本柱状图的绝对计数
HighCharts: display the y-axis labels in percentage instead of the absolute count for basic column charts
我刚开始使用highcharts,我正试图找到一种方法,用%来显示y轴标签,而不是基本柱状图的实际值/计数。有什么办法我能做到吗?有人能给我提个建议吗。
感谢
如果你只想更改轴标签,请查看我的答案并在这里修改示例:
简单条形图的高图表百分比
如果您希望工具提示也显示%值,您可以从该示例中的dataLabels格式化程序中复制代码来实现这一点。
不幸的是,此选项不可用,但您可以准备自己的函数,该函数将计算所有点并计算percetn值。然后返回数据序列的更新值。
您可以将计数更改为分布百分比,方法是取每个步骤的除法和除以计数。
下面是Highcharts示例histogram()函数,它被修改为显示百分比,请确保将yAxis设置为max1。如果您不希望小数百分比乘以100。
function histogram(data, step) {
var histo = {},
x,
i,
sum = 0,
arr = [];
// Group down
for (i = 0; i < data.length; i++) {
x = Math.floor(data[i][0] / step) * step;
if (!histo[x]) {
histo[x] = 0;
}
histo[x]++;
}
// Make the histo group into an array
for (x in histo) {
if (histo.hasOwnProperty((x))) {
arr.push([parseFloat(x), histo[x]]);
}
}
// find sum
for (i = 0; i < arr.length; i++) {
sum += arr[i][1];
}
// calculate percent
for (i = 0; i < arr.length; i++) {
arr[i][1] = arr[i][1]/sum ;
}
// sort the array
arr.sort(function (a, b) {
return a[0] - b[0];
});
return arr;
}
小提琴:http://jsfiddle.net/jamie_farrell/xy7uogz4/2/
相关文章:
- 在高图表中,每x步只显示标签
- 如何隐藏和显示标签控件JavaScript
- 如何在angular js的ng应用程序中以普通的htm显示标签
- 使用细丝组tablesaw插件时未显示标签
- 用Javascript在具有相同类的按钮上显示标签
- Dijit 按钮显示图标,但不以编程方式显示标签
- 当圆形图像在圆轮中发生变化时,如何在顶部显示标签
- jqPlot - 无法使 x 轴正确显示标签
- 在堆叠条形图上显示标签
- 在酒窝气泡图中的每个气泡内显示标签
- Struts2 显示标签动态链接显示相同的行值
- HTML,显示标签的输入值
- JS sup() 在 html 中显示标签
- 如何在我的WinJS工具栏上显示标签
- d3图表宽度不会在x轴上显示标签
- 如何在鼠标悬停在条形图上时显示标签
- Select2.js-如何防止显示标签
- 我无法在JQChart中显示标签
- 使用 jQuery 验证并尝试在标签无效时突出显示标签
- 将鼠标悬停在圆上时显示标签