- 追加された行はこの色です。
- 削除された行はこの色です。
<p><img src="http://chart.apis.google.com/chart?chs=${size=600x350}&cht=lc&chdl=${legend1=600th}|${legend2=700th}|${legend3=800th}&chtt=${title=CROSSxBEATS+Score+ Match}&chxt=x,y&chxl=0:||${datelabel=}|&chd=t:${data1=}|${data2=}|${data3=}&chco=ff0000,0000ff,008800" alt=""/></p>
#freeze
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var options = {
title: '${title=}',
vAxis: {
viewWindow: {
min: ${min=0}
},
gridlines: {
count: ${gridcount=5}
}
}
};
var legend = '${legend=}'.split('|');
legend.unshift('-');
var idata = '${data=}'.split('||');
var data = new Array(idata.length+1);
data[0] = legend;
for (var i = 0; i < idata.length; i++) {
data[i+1] = idata[i].split('|');
for (var j = 1; j < data[i+1].length; j++) {
data[i+1][j] = parseInt(data[i+1][j]);
}
}
var pdata = google.visualization.arrayToDataTable(data);
var chart = new google.visualization.LineChart(document.getElementById('${id=}'));
chart.draw(pdata, options);
}
</script>
<div id="${id=}" style="width: ${width=500px}; height: ${height=250px};"></div>