如何在谷歌折線圖中製作虛線

Question

請幫助我如何讓它成爲谷歌折線圖中其他線的虛線？我是新來的圖。謝謝

腳本：

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}} 
    ); 
    } 

Answer 1

您可以通過使用 「確定性」 的角色列虛線一條線，設置爲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} 
});