highcharts xAxis плотность

Question

Я использую Highcharts в моей jsp.

С помощью Highcharts обычно мы можем составить диаграмму со всеми точками, равномерно расположенными по оси x.

Здесь я хочу установить точки НЕ, сплющенные по оси х, но значениями х.

например.

обычно сюжет [1,1],[2,1],[3,1], диаграмма показывает [точка] - [точка] - [точка]

Я хочу построить [1,1],[3,1],[7,1] как [точка] - [точка] ---- [точка]

где «-» обозначает расстояние между точками.

Можете ли вы показать мне пример с Javascript, как $('#mycontainer').highcharts(???);

Answer 1

Вы делаете это так же, как вы делали [1,1],[2,1],[3,1]. Вот быстрый demo с применением ежемесячных категоризированных XAxis и код:

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