谷歌图表趋势线答案

【问题标题】：Google Chart Trendline谷歌图表趋势线
【发布时间】：2016-12-06 11:56:10
【问题描述】：

我有用于谷歌图表趋势（类型=指数）的数据，其中我已将第一列设置为以下数据的编号。

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

但是当图表被绘制时，它从 2014.0 2014.5 2015.0 和 2015.5 制作了 4 条垂直线，但我每年只需要一条线，我们是否有可能获得正确的标签以及如何删除 y 和 x 显示时悬停在上面。谢谢

【问题讨论】：

标签： javascript angularjs charts google-visualization

【解决方案1】：

有几个选项可以更正 x 轴标签/网格线...

1) 使用hAxis.ticks 选项强制仅使用两个标签
（使用hAxis.format 删除任何逗号/小数）

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

请参阅以下工作 sn-p...

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>

如果我正确地关注 鼠标悬停时删除 y 和 x 显示，
使用tooltip.trigger: 'none' 删除悬停时的工具提示

    tooltip: {
      trigger: 'none'
    }

如上例所示...

【讨论】：

这个问题好运吗？

【解决方案2】：

trendlines: { 0: {} }    // Draw a trendline for data series 0.

https://developers.google.com/chart/interactive/docs/gallery/trendlines

完整答案：

 {
    hAxis: {
      format: '0',
      ticks: [2014, 2015]
    },
    tooltip: {
      trigger: 'none'
    },
    trendlines: { 0: {} }
  }

【讨论】：