【问题标题】:HighStock y-axis labels changing by itself when horizontal scroll moves当水平滚动移动时,HighStock y 轴标签会自行改变
【发布时间】: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


【解决方案1】:

为什么你不知道 yAxis 的最大值?你当然知道。

只需在数据数组中获取最大 y 值,并将该选项设置为 yAxis.max。那么导航数据时yAxis不会改变。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-26
    • 2014-01-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-15
    相关资源
    最近更新 更多