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