当类别长度小于最大值时,HighStock x轴显示数字

时间:2014-10-13 13:17:20

标签: jquery asp.net highstock

在我的HighStock Bar图表中,如果类别长度小于最大范围,x轴将显示数字。 类别值是从数据库中读取的。以下是我的代码,

$(function () {
                chartOptions = new Highcharts.Chart({
                    chart: {
                        renderTo: 'container',
                        type: 'column'
                    },

                    title: {
                        text: 'test',
                        x: -20
                    },

                    xAxis: {
                        categories: color,
                        pointWidth: 28,
                        ordinal: false,
                        min: 0,
                        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: 'test2'
                        }
                    },

                    yAxis: {

                        allowDecimals: false,
                        min: 0,
                        max: 15,
                        title: {
                            text: 'test3'
                        }



                    },


                    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}</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
                    }]
                });

            });

enter image description here

如果未设置max属性,则标签以双行显示。如何从x轴上删除数字刻度。

1 个答案:

答案 0 :(得分:0)

如果您将max param设置为10,则打印10个刻度,如果您的点数较少,则打印所有Categoreis / ticks直到达到最大值。