Javascript 折线图自动缩放

Javascript 折线图自动缩放,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我在grails应用程序中使用google可视化图表。我用折线图来表示一些数据,但当我在屏幕上向数据中添加很多行时,它的行为很奇怪 我怎样才能防止这种剥落呢?当我有很多数据而没有数据时,我希望缩放是一样的。我指的不是图表的长度,因为当我添加更多数据时,它自然会变大,但标签的大小hAxislabel和vAxis标签会毫无理由地变大 下面是我如何创建图表的 visualization.draw(visualization_data, {width: 55840, title: 'Wykres

我在grails应用程序中使用google可视化图表。我用折线图来表示一些数据,但当我在屏幕上向数据中添加很多行时,它的行为很奇怪

我怎样才能防止这种剥落呢?当我有很多数据而没有数据时,我希望缩放是一样的。我指的不是图表的长度,因为当我添加更多数据时,它自然会变大,但标签的大小
hAxis
label和vAxis标签会毫无理由地变大 下面是我如何创建图表的

    visualization.draw(visualization_data, {width: 55840, title: 'Wykres wydajno\u015Bci', vAxis: {textPosition: 'in'}, hAxis: {direction: 1, slantedText: true, slantedTextAngle: 90}, pointSize: 10, chartArea: {top: 10, width: '50%', height: '50%', left: 10}, legend: {position: 'right'}});
造型

        #linechart {
        overflow-x: scroll;
        overflow-y: hidden; 
        width: 100%;
        height: 500px;
    }

您可以使用两个轴上的
textStyle
选项设置
fontSize

textStyle: {
  fontSize: 12
}
请参阅以下工作片段

(但是宽度:55840似乎太宽了??)

google.charts.load('current'{
回调:函数(){
var data=new google.visualization.DataTable();
data.addColumn('date','date');
data.addColumn('number','2005');
data.addColumn('number','2006');
data.addRows([
[新日期('01/01/2016'),200210],
[新日期('01/02/2016'),190220],
[新日期('01/03/2016'),205200],
[新日期('01/04/2016'),220230],
[新日期('01/05/2016'),212,210],
[新日期('01/06/2016'),185193],
[新日期('01/07/2016'),196207],
[新日期('01/08/2016'),200210],
[新日期('01/09/2016'),190220],
[新日期('01/10/2016'),205200],
[新日期('01/11/2016'),220230],
[新日期('01/12/2016'),212,210],
[新日期('01/13/2016'),185193],
[新日期('01/14/2016'),196207],
[新日期('01/15/2016'),200210],
[新日期('01/16/2016'),190220],
[新日期('01/17/2016'),205200],
[新日期('01/18/2016'),220230],
[新日期('01/19/2016'),212,210],
[新日期('01/20/2016'),185193],
[新日期('01/21/2016'),196207],
[新日期('01/22/2016'),200210],
[新日期('01/23/2016'),190220],
[新日期('01/24/2016'),205200],
[新日期('01/25/2016'),220230],
[新日期('01/26/2016'),212,210],
[新日期('01/27/2016'),185193],
[新日期('01/28/2016'),196207],
[新日期('01/29/2016'),200210],
[新日期('01/30/2016'),190220],
[新日期('01/31/2016'),205200]
]);
变量选项={
宽度:55840,
身高:800,
标题:“Wykres wydajno\u015Bci”,
言辞:{
textPosition:'在',
文本样式:{
字体大小:12
}
},
哈克斯:{
方向:1,,
是的,
倾斜角度:90,
文本样式:{
字体大小:12
}
},
点数:10,
图表区:{顶部:10,宽度:50%,高度:50%,左侧:10},
图例:{位置:'右'}
};
var chart=new google.visualization.LineChart(document.getElementById('LineChart');
图表绘制(数据、选项);
},
软件包:['corechart']
});


请发布当前使用的配置选项好吗?另外,xAxis上的值是
'date'
还是
'string'
?无法复制…@WhiteHat,是的日期是字符串,我在帖子中添加了图表选项,如果您需要更多内容,请告诉Width是130*data.size(),这就是它如此大的原因它工作起来很有魅力,知道为什么字体大小会自动改变吗?