谷歌图表:折线图上的点没有显示

Google charts: points on line graph not showing

本文关键字：显示 折线图 谷歌      更新时间：2024-06-30

这应该是一个很快的答案，但我已经玩了一个小时了，无法修复它。我的折线图上的点没有显示，当我在开发工具中检查该点时，我可以看到填充不透明度设置为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>

google.charts.Line是对较新的谷歌材料图表的引用。来自文档：

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

不幸的是，你还不能设置一些选项，请参阅这个开放问题：

材料图表还不支持pointSize选项。

相关文章：