Зміна фонового кольору графіків Google (Візуалізація Google) Графік - javascript, css, google-візуалізація

Я намагаюся просто змінити колір тла лінійного графіка, створеного за допомогою Google Charts. Я відчуваю, що я "слідую за Google" Офіційна документація, але жодна з змін, які я вказую, не застосовується.

Я передаю опції так:

  var options = {
backgroundColor: "black",
chartArea: {
backgroundColor: "black"
},
crosshair: {
orientation: "vertical"
},
animation: {
startup: true,
duration: 5000
},
width: 500,
height: 300
};

Але вони майже всі ігноруються. Див. Цей JSFiddle для прикладу: http://jsfiddle.net/zgznoe3v/

Я повинен робити щось дійсно очевидне неправильно, але на все життя я не можу зрозуміти, що.

Відповіді:

Схоже, ви використовуєте Google Матеріали лінійних діаграм замість Classic Line Charts. Так що вам доведеться перетворити параметри об'єкта за допомогою

chart.draw(data, google.charts.Line.convertOptions(options));

Побачити http://jsfiddle.net/zgznoe3v/6/

Якщо ви не хочете цього робити, ви можете дотримуватися класичних карт. Таким чином, замість використання

  google.load("visualization", "1.1", {packages: ["line"]});
var chart = new google.charts.Line(document.getElementById("chart_div"));
chart.draw(data, options);

спробуй

  google.load("visualization", "1.1", {packages: ["corechart"]});
var chart = new google.visualization.LineChart(document.getElementById("chart_div"));
chart.draw(data, options);

Побачити http://jsfiddle.net/zgznoe3v/5/