参见jsfiddle - sum不考虑第一个数据点??
http://jsfiddle.net/Q3sPq/13/StackOverflow让我添加更多的描述,因为太多的这篇文章是代码…StackOverflow让我添加更多的描述,因为太多的这篇文章是代码…StackOverflow让我添加更多的描述,因为太多的这篇文章是代码…StackOverflow让我添加更多的描述,因为太多的这篇文章是代码…StackOverflow让我添加更多的描述,因为太多的这篇文章是代码…
$(document).ready(function () {
var div = 'container';
var data = new Array(100, -5, -8, -16, -10);
var xAxis = new Array("Attempts", "Declines", "Declines", "Approved", "User", "Processor", "net");
var chart = new Highcharts.Chart({
chart: {
type: 'waterfall',
renderTo: div,
width: 700,
height: 275
},
title: {
text: 'Percent '
},
xAxis: {
type: 'category'
},
yAxis: {
max: 100,
min: 25,
title: {
text: 'Percent'
}
},
legend: {
enabled: false
},
credits: {
enabled: false
},
tooltip: {
pointFormat: '{point.y:,.1f}%'
},
series: [{
upColor: Highcharts.getOptions().colors[2],
color: Highcharts.getOptions().colors[3],
data: [{
name: xAxis[0],
y: data[0],
color: Highcharts.getOptions().colors[1]
}, {
name: xAxis[1],
y: data[1]
}, {
name: xAxis[2],
y: data[2]
}, {
name: xAxis[3],
isIntermediateSum: true,
color: Highcharts.getOptions().colors[1]
}, {
name: xAxis[4],
y: data[3]
}, {
name: xAxis[5],
y: data[4]
}, {
name: xAxis[6],
isSum: true,
color: Highcharts.getOptions().colors[1]
}],
dataLabels: {
enabled: true,
formatter: function () {
return this.y + '%';
},
verticalAlign: 'top',
style: {
color: '#FFFFFF',
fontWeight: 'bold'
}
},
pointPadding: 0
}]
});
});
这看起来像是beta版的一个bug,在完整版中已经修复了。如果您更改脚本标签以使用最新版本,则可以正常工作。http://jsfiddle.net/Q3sPq/14/
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
GitHub的问题:https://github.com/hililide-software/highcharts.com/issues/1597