谷歌图表：折线图上的点未显示答案

【问题标题】：Google charts: points on line graph not showing谷歌图表：折线图上的点未显示
【发布时间】：2015-02-26 21:06:37
【问题描述】：

这应该是一个非常快速的答案，但我已经玩了一个小时了，无法修复它。我的折线图上的点没有显示，当我检查开发工具中的点时，我可以看到填充不透明度设置为 0。如果我手动将其设置为 1，它是可见的，但我找不到设置它的选项剧本。这是代码，我错过了什么？

<script type="text/javascript">
        google.load('visualization', '1.1', {packages: ['line']});
        google.setOnLoadCallback(drawChart);

        function drawChart() {

          var data = new google.visualization.DataTable();
          data.addColumn('string', 'Month');
          data.addColumn('number', 'New York');
          data.addColumn('number', 'London');

          data.addRows([
            ["Jan", 10, 12],
            ["Feb", 19, 31],
            ["Mar", 80, 20],
            ["Apr", 43, 56],
            ["May", 18, 42],
            ["Jun", 62, 81],
          ]);

          var options = {
            height: 400, 
            colors: ["#2980b9", "ffa22c"],
            pointSize: 10,
            dataOpacity: 1.0,
          };

          var chart = new google.charts.Line(document.getElementById('linechart_material'));

          chart.draw(data, options);
        }
    </script>

【问题讨论】：

标签： javascript html css charts google-visualization

【解决方案1】：

google.charts.Line 是对较新的 Google Material Charts 的引用。来自docs：

材料图表处于测试阶段。外观和交互性在很大程度上是最终的，但声明选项的方式不是。

很遗憾，您还不能设置某些选项，请参阅open issue：

Material Charts 尚不支持 pointSize 选项。

【讨论】：