highcharts xAxis密度

时间:2015-01-12 13:18:22

标签: javascript highcharts

我在jsp中使用Highcharts。

在Highcharts的帮助下,通常我们可以创建一个图表,其中所有点在x轴上等距离。

这里我想设置未在x轴上展开的点,而是设置x值。

e.g。

通常绘制[1,1],[2,1],[3,1],图表显示[point] - [point] - [point]

我想将[1,1],[3,1],[7,1]绘制成[点] - [点] ---- [点]

其中“ - ”代表点之间的距离。

你能给我看一个像$('#mycontainer').highcharts(???);

这样的javascript的例子

1 个答案:

答案 0 :(得分:0)

你这样做就像[1,1],[2,1],[3,1]一样。以下是使用按月分类的xAxis和代码的快速demo

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        legend: {
            layout: 'vertical',
            floating: true,
            backgroundColor: '#FFFFFF',
            align: 'right',
            verticalAlign: 'top',
            y: 60,
            x: -60
        },
        tooltip: {
            formatter: function () {
                return '<b>' + this.series.name + '</b><br/>' +
                    this.x + ': ' + this.y;
            }
        },
        series: [{
            data: [[1,1],[3,1],[7,1]]
        }]
    });
});