Javascript 谷歌图表获得最大规模
我试图通过使用基线属性绘制象限,使所有正气泡图具有象限,如下所示:Javascript 谷歌图表获得最大规模,javascript,charts,google-visualization,bubble-chart,Javascript,Charts,Google Visualization,Bubble Chart,我试图通过使用基线属性绘制象限,使所有正气泡图具有象限,如下所示: var dataT = google.visualization.arrayToDataTable(.....); var options = { hAxis: {title: 'h axis',baseline:100}, vAxis: {title: 'v axis',baseline:20}, ...} var chart = new google.visualization.BubbleChart
var dataT = google.visualization.arrayToDataTable(.....);
var options = {
hAxis: {title: 'h axis',baseline:100},
vAxis: {title: 'v axis',baseline:20},
...}
var chart = new google.visualization.BubbleChart(...);
chart.draw(dataT,options);
除此之外,图形将根据查询不断变化,因此所有图形的基线都不相同。我希望能够获得最大轴值,并将其除以2,以在每个轴的中间设置基线。< /P>
例如:
var options = {
hAxis: {title: 'h axis',baseline:max_h_axis/2},
vAxis: {title: 'v axis',baseline:max_v_axis/2},
...
在绘制图形之前,有没有办法知道图形的最大轴值 该方法适用于此
返回指定列中值的最小值和最大值。返回的对象具有属性min和max。如果该范围没有值,则min和max将包含null
还可以使用此信息生成自己的轴记号
请参阅以下工作片段
google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
['X','Y'],
[8, 120],
[4, 155],
[11, 140],
[4, 205],
[3, 35],
[6, 78]
]);
var ticksX=[];
var-ticksY=[];
var numberOfTicks=10;
var rangeX=data.getColumnRange(0);
var rangeY=data.getColumnRange(1);
var stepX=Math.ceil((rangeX.max-rangeX.min)/numberOfTicks);
对于(var i=RangEX.min -STEPX;i是,循环通过<代码> DATAT< <代码>集合,以找到最大值。我也考虑过这一点,但是我必须把最大数加起来,这样我就可以在中间得到它,因为轴总是超过最大数。因为轴标在不同的图中也不同,我要走的路线。必须使用大量的if语句来尝试猜测比例,以将最大值四舍五入。而不是尝试猜测比例--提供自己的轴记号--请参见上面的更改答案。。。