造型谷歌折線圖

Question

我想在我的新網站項目中使用谷歌折線圖。我想對它們進行設計，就像在這個picture上顯示的那樣，並顯示幾個月之間的日期。如果可能，你能告訴我該怎麼做嗎？

Answer 1

如果您試圖使用Google Chart工具> 繪製谷歌折線圖，我強烈建議玩「可視化遊樂場」又名「遊樂場」。

轉到谷歌圖表，選擇總覽>圖表庫>區域圖表（在你的情況下），通常在圖表圖片示例下面查找鏈接「可視化遊樂場」。

更改代碼，直到你明白它做什麼，注意下面的代碼功能drawVisualization內：

var ac = new google.visualization.AreaChart(document.getElementById('visualization')); 
    ac.draw(data, { 
    title : 'Monthly Coffee Production by ....', 
    isStacked: true, 
    width: 600, 
    height: 400, 
    vAxis: {title: "Cups"}, 
    hAxis: {title: "Month"} 
    }); 

回到了配置選項和使用這些選項風格你的圖表，例如如果你希望把一切都在黑色添加其他符合選項顏色：[「黑」]或改變顏色爲黑色，橙色和紅色是這樣的：

var ac = new google.visualization.AreaChart(document.getElementById('visualization')); 
     ac.draw(data, { 
     title : 'Monthly Coffee Production by ....', 
     isStacked: true, 
     width: 600, 
     height: 400, 
     vAxis: {title: "Cups"}, 
     hAxis: {title: "Month"}, 
     colors: ['#000000', '#FF6600', 'red'] 
     }); 

希望這幫助