Charts 谷歌图表：自定义刻度_Charts_Google Visualization

Charts 谷歌图表：自定义刻度

charts google-visualization

Charts 谷歌图表：自定义刻度,charts,google-visualization,Charts,Google Visualization,我想在谷歌图表的水平轴上设置我自己的刻度。我在下面的尝试中包括了hAxis.ticks（根据），但它拒绝工作，因为即使我指定它们为整数，ticks仍然不是整数我做错了什么 <html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <scr

我想在谷歌图表的水平轴上设置我自己的刻度。我在下面的尝试中包括了hAxis.ticks（根据），但它拒绝工作，因为即使我指定它们为整数，ticks仍然不是整数

我做错了什么

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['line']});
      google.charts.setOnLoadCallback(drawChart);
        function drawChart() {
          var data = new google.visualization.DataTable();
          data.addColumn('number', 'Day');
          data.addColumn('number', 'myNumber');
          data.addRows([
            [1,17],
            [2,18],
            [3,20]
          ]);
          var options = {width: 800, height: 500, hAxis: {ticks: [1,2,3]}};
          var chart = new google.charts.Line(document.getElementById('chart'));
          chart.draw(data, google.charts.Line.convertOptions(options)); 
        }
    </script>
  </head>
  <body>
    <div id="chart"></div>
  </body>
</html>


load（'current'，{'packages'：['line']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'Day'）；
data.addColumn（'number'，'myNumber'）；
data.addRows([
[1,17],
[2,18],
[3,20]
]);
var options={宽度：800，高度：500，hAxis:{ticks:[1,2,3]}；
var chart=new google.charts.Line（document.getElementById（'chart'）；
chart.draw（数据，google.charts.Line.convertOptions（选项））；
}

勾号

不是物料图表支持的选项

材料-->

google.charts.Line

包装：['Line']

经典-->

google.visualization.LineChart

packages:['corechart']

您需要使用经典图表。
注意：经典图表有一个类似的外观选项

theme: 'material'

您可以在此处找到不受支持选项的完整列表…

很抱歉，我完全忘记了我继续摆弄情节，但这很有效，谢谢！无需道歉，乐于助人，随时。。。