2015-12-07 3 views
0

Я хочу, чтобы каждый данные в столбце диаграммы, чтобы иметь свои собственные легенды, чтобы сделать его показать/скрыть каждый раз, когда пользователь хочет, чтобы я использовал решение hereHighcharts - Гистограмма с легендой для каждого типа данных

Он отлично работает, но есть небольшая проблема. Колонны были сжаты в средней части графика (я хочу, чтобы столбцы, которые будут нанесены равномерно accros диаграмму) enter image description here

Heres код

var options = { 
     exporting: { 
      enabled: false 
     }, 
     legend: { 
      enabled: true 
     }, 
     chart: { 
      renderTo: 'sampleChart', 
      type: 'column', 
     }, 
     title: { 
      text: 'NCR' 
     }, 
     subtitle: { 
      text: '', 
      useHTML: true 
     }, 
     xAxis: { 
      categories: [], 
      title: { 
       text: null 
      }, 
      labels: { 
       enabled: false 
      } 
     }, 
     yAxis: { 
      title: { 
       align: 'low', 
       text:null 
      }, 
      labels: { 
       enabled: true, 
       overflow: 'justify' 
      }, 
      min: 0 
     }, 
     plotOptions: { 
      series: { 
       marker: { 
        lineWidth: 0 
       } 
      }, 
      column: { 
       color: '#03A9F4', 
       dataLabels: { 
        enabled: true, 
        format: '{point.y:.2f}' 
       } 
      } 
     }, 
     tooltip:{ 
      enabled:true, 
      shared: false 
     }, 
     credits: { 
      enabled: false 
     }, 
     series: [ 
      { name: 'Week1 ', data: [55.22] }, 
      { name: 'Week2 ', data: [76.06] }, 
      { name: 'Week3 ', data: [88] }, 
      { name: 'Week4 ', data: [23.6] }, 
      { name: 'Week5 ', data: [23.99] }, 
      { name: 'Week6 ', data: [42.98] }, 
      { name: 'Week7 ', data: [91.32] }, 
      { name: 'Week8 ', data: [64.21] }, 
      { name: 'Week9 ', data: [43.32] }, 
      { name: 'Week10 ', data: [79.89] } 
     ] 
    }; //close options 


    var chart = new Highcharts.Chart(options); 
+0

Пожалуйста, добавьте ваш код здесь –

+0

--Edit-- добавил код. –

ответ

1

Опция groupPadding (plotOptions> колонки> groupPadding) отвечает для этого поля. Значение по умолчанию равно 0,2, установите его ниже, чтобы уменьшить маржу.

Доку: http://api.highcharts.com/highcharts#plotOptions.column.groupPadding

+0

Спасибо. Я изменил его на 0,001, тогда все в порядке. –

Смежные вопросы