chf = bg, s, FFFFFF00
представляет собой код для старых диаграмм изображений Google.
Эти коды будут работать только с версиями диаграмм, не относящимися к SVG. Графические диаграммы Google устарели (как вы можете видеть на их справочных страницах ), поэтому, если вы не хотите реализовать диаграммы в старом стиле, вы не сможете реализовать приведенный выше код в своих новых модных интерактивных диаграммах SVG.
Что касается новых модных диаграмм SVG, мне повезло с
backgroundColor: "transparent"
Скопируйте и вставьте это в Google Playground, чтобы проверить:
<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>
Google Visualization API Sample
</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['Year', 'Austria', 'Bulgaria', 'Denmark', 'Greece'],
['2003', 1336060, 400361, 1001582, 997974],
['2004', 1538156, 366849, 1119450, 941795],
['2005', 1576579, 440514, 993360, 930593],
['2006', 1600652, 434552, 1004163, 897127],
['2007', 1968113, 393032, 979198, 1080887],
['2008', 1901067, 517206, 916965, 1056036]
]);
// Create and draw the visualization.
new google.visualization.BarChart(document.getElementById('visualization')).
draw(data,
{title:"Yearly Coffee Consumption by Country",
width:600, height:400,
vAxis: {title: "Year"},
hAxis: {title: "Cups"},
backgroundColor: "transparent"}
);
}
google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body style="font-family: Arial;border: 0 none;" bgcolor="#E6E6FA">
<div id="visualization" style="width: 600px; height: 400px;"></div>
</body>
</html>
Это просто пример стандартной гистограммы с добавлением двух вещей:
- bgcolor = "# E6E6FA" к элементу body (сделайте его синим, чтобы мы могли определить, является ли он прозрачным)
- backgroundColor = "transparent" к параметрам (сделать прозрачным)
Это работает в FireFox. Не знаю, работает ли он в IE7 (без тестовой среды). Сообщите нам, если это сработает.
person
jmac
schedule
23.01.2013