【发布时间】:2014-10-12 20:16:19
【问题描述】:
我使用 Highstock.js 绘制了带有滚动条的条形图。下面是我的代码。
$(function () {
chartOptions = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: chartName,
x: -20
},
xAxis: {
categories: color,
pointWidth: 28,
min: 1,
max: 10,
labels: {
rotation: -60,
align: 'right',
useHTML: true,
style: {
fontSize: '10px',
fontFamily: 'proxima-nova,helvetica,arial,sans-seri',
whiteSpace: 'nowrap',
paddingLeft: '10px',
paddingRight: '10px',
paddingTop: '10px',
paddingBottom: '10px'
}
},
title: {
text: parent_id
}
},
yAxis: {
allowDecimals: false,
min: 0,
title: {
text: child_id
}
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
},
},
scrollbar: {
enabled: true
},
series: [{
name: 'OrderList',
data: OrderList
},
{
name: 'Historical',
data: History
},
{
name: 'Inventory',
data: Inventory
}]
});
if ($('#hdnOverRide').text() != "adHoc") {
chartOptions.addSeries({
name: 'AllocationPool',
data: Pool
})
}
});
我的问题是当我滚动时,y 轴标签正在改变。当第一次它像 0,10,20,----75 时,当我们滚动它时,它会根据条形高度而变化。由于客户的要求是他们根本不想更改 y 轴上的标签。希望它保持不变。如何在不为 y 轴指定任何 max 属性的情况下修复 Y 轴标签。因为我不知道最大值是多少。
欢迎提出任何建议。
问候
【问题讨论】:
-
你能搞定它吗?不看就很难想象
-
请不要使用“bootstrap”标签,使用“twitter-bootstrap”,因为它意味着别的东西
标签: jquery html asp.net twitter-bootstrap highstock