Google图表:为点数添加笔画

时间:2015-10-01 08:34:08

标签: javascript google-visualization

我希望在Google折线图中的点附近添加描边。

从Google图表的points-documentation(下方)我们得到:

  

可以使用以下样式自定义:[...]    - stroke-color(指定为十六进制字符串。)    - stroke-width(指定为十六进制字符串。)

我找不到如何添加这些选项的文档。谁能搞清楚?

1 个答案:

答案 0 :(得分:2)

借用谷歌的一个例子(见https://jsfiddle.net/j9sgdr4d/

var data = google.visualization.arrayToDataTable
        ([['X', 'Y', {'type': 'string', 'role': 'style'}],
          [1, 3, null],
          [2, 2.5, null],
          [3, 3, null],
          [4, 4, null],
          [5, 4, 'point { size: 18; shape-type: star; fill-color: #a52714'],
          [6, 3, 'point { size: 18; shape-type: star; fill-color: #a52714; stroke-color: #ff0000; stroke-width: 5'],
          [7, 2.5, null],
          [8, 3, null]
    ]);

enter image description here