highcharts密度

Question

我在我的jsp中使用Highcharts。

在Highcharts的帮助下，我们通常可以制作一个图表，所有的点在x轴上都是等间距的。

这里我想要设置的点不是放在x轴上，而是x的值。

例如：

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

我想要像点一样绘制[1,1],[3,1],[7,1] --点-点

其中"-“表示点之间的距离。

你能给我一个像$('#mycontainer').highcharts(???);这样的javascript例子吗？

Answer 1

就像你对[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]]
        }]
    });
});