1
我得到了散点图,这是非常好的,我可以添加趋势线,但我无法找到一种方法只是添加45度线从( 0,0)到(1,1)下面的示例图片: 谷歌图表(网络)如何添加线性45度线
是否有任何方式通过它的web API向谷歌图表添加这样一行?
我得到了散点图,这是非常好的,我可以添加趋势线,但我无法找到一种方法只是添加45度线从( 0,0)到(1,1)下面的示例图片: 谷歌图表(网络)如何添加线性45度线
是否有任何方式通过它的web API向谷歌图表添加这样一行?
使用ComboChart两个系列 - 散射和线
只需要两个数据,使用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