1
私は完全に良いとトレンドラインを追加することができますが、私はちょうど45度の行を追加する方法を見つけることができません0,0)から次の(1,1)例の画像: Googleのグラフ(ウェブ)直線45度の線を追加する方法
このような行をWeb APIを使用してGoogleグラフに追加する方法はありますか?
私は完全に良いとトレンドラインを追加することができますが、私はちょうど45度の行を追加する方法を見つけることができません0,0)から次の(1,1)例の画像: Googleのグラフ(ウェブ)直線45度の線を追加する方法
このような行をWeb APIを使用してGoogleグラフに追加する方法はありますか?
使用ComboChartシリーズ2と - 散乱および行が一致しないところ
はちょうど両方のデータは、null
を使用する必要があるライン
...作業スニペットを次のように表示
google.charts.load('current', {
callback: function() {
var dataTable = new google.visualization.DataTable({
cols: [
{label: 'X', type: 'number'},
{label: 'Y', type: 'number'},
{label: 'Line', type: 'number'},
],
rows: [
{c:[{v: 3}, {v: 3.5}, null]},
{c:[{v: 4}, {v: 5.5}, null]},
{c:[{v: 4}, {v: 5}, null]},
{c:[{v: 6.5}, {v: 7}, null]},
{c:[{v: 8}, {v: 12}, null]},
{c:[{v: 11}, {v: 14}, null]},
// add line
{c:[{v: 0}, null, {v: 0}]},
{c:[{v: 20}, null, {v: 20}]},
]
});
var options = {
legend: 'none',
hAxis: {
ticks: [0, 5, 10, 15, 20]
},
height: 400,
series: {
// line
1: {
type: 'line',
visibleInLegend: false
},
},
seriesType: 'scatter',
vAxis: {
ticks: [0, 5, 10, 15, 20]
}
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(dataTable, options);
},
packages:['corechart']
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
これはまさに私が求めていたものです。どうもありがとうございました :) – user1031204