2015-04-23 2 views
0

я создал скрипку, чтобы показать мой текущий график: http://jsfiddle.net/LLExL/4445/Скрыть неактивные даты от даты и времени X-Axis

Код является

$('#container').highcharts({ 
    chart: { 
     backgroundColor: 'none', 
     spacingRight: 20, 
     zoomType: 'x' 
    }, 
    credits: { 
     enabled: false 
    }, 
    exporting: { 
     enabled: false 
    }, 
    legend: { 
     borderWidth: 0, 
     enabled: true, 
     verticalAlign: 'top', 
     y: 25 
    }, 
    plotOptions: { 
     series: { 
      animation: false, 
      marker: { 
       enabled: false, 
       states: { 
        hover: { 
         enabled: true, 
         radius: 5 
        } 
       } 
      } 
     }, 
    }, 
    title: { 
     text: 'Points' 
    }, 
    tooltip: { 
     shared: true 
    }, 
    xAxis: { 
     labels: { 
      format: '{value: %d/%m}' 
     }, 
     type: 'datetime' 
    }, 
    yAxis: { 
     title: { 
      text: null 
     }, 
     showFirstLabel: true 
    }, 
    series: [{ 
     type: 'column', 
     name: 'Reached', 
     data: [ 
      [1427328000000, 198], 
      [1427414400000, 127], 
      [1427673600000, 104], 
      [1427760000000, 107], 
      [1427846400000, 102], 
      [1427932800000, 1], 
      [1428278400000, 1], 
      [1428364800000, 55], 
      [1428451200000, 83], 
      [1428537600000, 77], 
      [1428624000000, 107], 
      [1428883200000, 99], 
      [1428969600000, 140], 
      [1429056000000, 134], 
      [1429142400000, 108], 
      [1429228800000, 104], 
      [1429488000000, 113], 
      [1429574400000, 115], 
      [1429660800000, 115], 
      [1429747200000, 97], 
     ] 
    }, { 
     type: 'line', 
     name: 'Target', 
     color: 'red', 
     lineWidth: 2, 
     data: [ 
      [1427328000000, 123], 
      [1427414400000, 123], 
      [1427673600000, 123], 
      [1427760000000, 123], 
      [1427846400000, 143], 
      [1427932800000, 0], 
      [1428278400000, 0], 
      [1428364800000, 143], 
      [1428451200000, 143], 
      [1428537600000, 143], 
      [1428624000000, 114], 
      [1428883200000, 143], 
      [1428969600000, 143], 
      [1429056000000, 143], 
      [1429142400000, 143], 
      [1429228800000, 114], 
      [1429488000000, 143], 
      [1429574400000, 143], 
      [1429660800000, 143], 
      [1429747200000, 143], 
     ] 
    } ] 
}); 

Я хочу, чтобы удалить неактивные даты из X-ось, экс , даты BETWEEN 02/04 и 06/04 (но не эти 2, так как они имеют значение).

Единственное решение, которое я нашел, заключается в том, чтобы объявить даты самостоятельно через категории, а затем уйти от оси типа даты. Это неправильное решение для меня, поскольку ось тогда не будет правильно помещаться на меньших экранах.

Это так или иначе удалить ненужные даты?

ответ

0

В Highcharts нет ординарной опции для оси, но ее можно установить, если вы используете Highstock. Эти параметры скрывают значения от оси x, у которых нет точек.

Вы можете использовать Highstock для создания диаграммы Highcharts с осью, которая имеет одинарную ось x.

Load Highstock JS файл вместо Highcharts:

<script src="http://code.highcharts.com/stock/highstock.js"></script> 

В настройках оси установлен порядковое истина:

xAxis: { 
     ordinal: true, 

jsFiddle: http://jsfiddle.net/LLExL/4451/

+0

Проблема заключается в данных не входит в диаграмму вообще. Но график показывает даты из-за «временной шкалы» с 26/03 по 23/04. – Behrens

+0

@Behrens. Я вижу, что я неправильно понял ваш вопрос - см. Исправленный ответ. –

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