Google Chart Trendline

Question

У меня есть эти данные, которые я использую для трендов диаграммы google (type = exponential), где у меня установлен первый столбец с номером ниже данных.

[[{"label":"SecuredYear","type":"number"},{"label":"ValueInDhs","type":"number"}],[2014,14715525.225000001],[2015,14445752.777]] 

но когда график получает черпавшей делает 4 вертикальные линии от 2014.0 2014.5 2015.0 и 2015.5, но мне нужно только одну строку для каждого года и возможно, что мы можем получить этикетку на момент также, как удалить у и x отображается при наведении курсора мыши. Благодаря

Answer 1

Есть несколько вариантов для исправления оси Х метки/линии сетки ...

1) использовать опцию hAxis.ticks, чтобы заставить только две метки
(используйте hAxis.format, чтобы удалить запятые/десятичные)

hAxis: { 
     format: '0', 
     ticks: [2014, 2015] 
    }, 

см следующий рабочий фрагмент кода ...

google.charts.load('current', { 
 
    callback: function() { 
 
    new google.visualization.LineChart(document.getElementById('chart_div')).draw(
 
     google.visualization.arrayToDataTable([ 
 
     [ 
 
      {"label":"SecuredYear","type":"number"}, 
 
      {"label":"ValueInDhs","type":"number"} 
 
     ], 
 
     [2014,14715525.225000001],[2015,14445752.777] 
 
     ]), 
 
     { 
 
     hAxis: { 
 
      format: '0', 
 
      ticks: [2014, 2015] 
 
     }, 
 
     tooltip: { 
 
      trigger: 'none' 
 
     } 
 
     } 
 
    ); 
 
    }, 
 
    packages:['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

2) использовать строки в год, вместо цифр ...

google.charts.load('current', { 
 
    callback: function() { 
 
    new google.visualization.LineChart(document.getElementById('chart_div')).draw(
 
     google.visualization.arrayToDataTable([ 
 
     [ 
 
      {"label":"SecuredYear","type":"string"}, 
 
      {"label":"ValueInDhs","type":"number"} 
 
     ], 
 
     ['2014',14715525.225000001],['2015',14445752.777] 
 
     ]), 
 
     {} 
 
    ); 
 
    }, 
 
    packages:['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

---

если я следовать удалить у и х дисплеев при наведении курсора над правильно,
использовать tooltip.trigger: 'none', чтобы удалить всплывающую подсказку при зависании

tooltip: { 
     trigger: 'none' 
    } 

, как показано в примерах выше ...