Как изменить формат даты в google chart?

319
16 января 2018, 14:42

Использую в работе google chart, а именно Dual-Y Charts и вот столкнулся с вопросом, необходимо по оси X отобразить даты формата 09/10/2017, но ничего не выходит, более того вообще ерунда получается

Вот код:

google.charts.load('current', { 
  'packages': ['line', 'corechart'] 
}); 
google.charts.setOnLoadCallback(drawChart); 
 
function drawChart() { 
 
  var chartDiv = document.getElementById('chart_div'); 
 
  var data = new google.visualization.DataTable(); 
  data.addColumn('date', 'Time of Day'); 
  data.addColumn('number', "best seller"); 
  data.addColumn('number', "keyword rank"); 
 
  data.addRows([ 
    [new Date(2017, 10, 9), 1238, 750], 
    [new Date(2017, 10, 23), 1000, 630], 
    [new Date(2017, 11, 1), 980, 400], 
    [new Date(2017, 11, 28), 640, 250] 
  ]); 
 
  var options = { 
    colors: ['#000000', '#ff9000'], 
    hAxis: { 
      format: 'M/d/yy', 
      gridlines: { 
        count: 10 
      } 
    }, 
    vAxis: { 
      direction: -1 
    }, 
    width: 900, 
    height: 500, 
    series: { 
      // Gives each series an axis name that matches the Y-axis below. 
      0: { 
        axis: 'BSR' 
      }, 
      1: { 
        axis: 'KWR' 
      } 
    }, 
    axes: { 
      // Adds labels to each axis; they don't have to match the axis names. 
      y: { 
        BSR: { 
          label: 'BSR-rank' 
        }, 
        KWR: { 
          label: 'KWR-rank' 
        } 
      } 
    } 
  }; 
 
 
 
  function drawMaterialChart() { 
    var materialChart = new google.charts.Line(chartDiv); 
    materialChart.draw(data, options); 
  } 
 
  drawMaterialChart(); 
 
}
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
<br> 
<br> 
<div id="chart_div"></div>

Спасибо за любую помощь.

READ ALSO
Как написать код акции с изменением переменной каждые 4 дня?

Как написать код акции с изменением переменной каждые 4 дня?

Помогите написать код акции Есть день например сегодня 15, акция до 19 числа, 16 числа тоже 19, но когда наступает 19 число, то акция меняется до 23, то есть...

310
Mojolicious и reCAPTCHAv2 в popup

Mojolicious и reCAPTCHAv2 в popup

Здравствуйте! Имеется такая ситуация: по нажатию кнопки "отправить" срабатывает обработчик чекера-форм, если всё верно -- вызывается всплывающее...

328
Удаление повторного div&#39;а по имени класса

Удаление повторного div'а по имени класса

Есть два <div> одинакового классаНа странице один выше другого

227
Как добавить аргументы в функцию

Как добавить аргументы в функцию

Как сделать так, чтобы select принимал в функции query() в переменной result результат функции filterIn() и фильтровал по своим аргументам 'name', 'gender', 'email'Не...

260