Javascript 如何在谷歌折线图中绘制虚线

Javascript 如何在谷歌折线图中绘制虚线,javascript,charts,linechart,google-visualization,Javascript,Charts,Linechart,Google Visualization,请帮助我如何使它成为谷歌折线图中另一条线的虚线?我是制图新手。多谢各位 脚本: function drawVisualization() { var data = google.visualization.arrayToDataTable([ ['x', 'Cats', 'Blanket 1', 'Blanket 2'], ['A', 1, 1, 0.5], ['B', 2, 0.5, 1], ['C', 4,

请帮助我如何使它成为谷歌折线图中另一条线的虚线?我是制图新手。多谢各位

脚本:

  function drawVisualization() {
  var data = google.visualization.arrayToDataTable([
['x', 'Cats', 'Blanket 1', 'Blanket 2'],
['A',   1,       1,           0.5],
['B',   2,       0.5,         1],
['C',   4,       1,           0.5],
['D',   8,       0.5,         1],
['E',   7,       1,           0.5],
['F',   7,       0.5,         1],
['G',   8,       1,           0.5],
['H',   4,       0.5,         1],
['I',   2,       1,           0.5],
['J',   3.5,     0.5,         1],
['K',   3,       1,           0.5],
['L',   3.5,     0.5,         1],
['M',   1,       1,           0.5],
['N',   1,       0.5,         1]
 ]);

new google.visualization.LineChart(document.getElementById('visualization')).
  draw(data, {curveType: "function",
              width: 500, height: 400,
              vAxis: {maxValue: 10}}
      );
   }

您可以使用“确定性”角色列,将值设置为false,以虚线表示:

var data = google.visualization.arrayToDataTable([
    // use "certainty" role columns to make the lines dashed
    ['x', 'Cats', {role: 'certainty'}, 'Blanket 1', {role: 'certainty'}, 'Blanket 2', {role: 'certainty'}],
    ['A', 1, false, 1, false, 0.5, false],
    ['B', 2, false, 0.5, false, 1, false],
    ['C', 4, false, 1, false, 0.5, false],
    ['D', 8, false, 0.5, false, 1, false],
    ['E', 7, false, 1, false, 0.5, false],
    ['F', 7, false, 0.5, false, 1, false],
    ['G', 8, false, 1, false, 0.5, false],
    ['H', 4, false, 0.5, false, 1, false],
    ['I', 2, false, 1, false, 0.5, false],
    ['J', 3.5, false, 0.5, false, 1, false],
    ['K', 3, false, 1, false, 0.5, false],
    ['L', 3.5, false, 0.5, false, 1, false],
    ['M', 1, false, 1, false, 0.5, false],
    ['N', 1, false, 0.5, false, 1, false]
]);

new google.visualization.LineChart(document.getElementById('visualization')).
draw(data, {
    curveType: "function",
    width: 500, height: 400,
    vAxis: {maxValue: 10}
});