Javascript 谷歌图表-传奇

Javascript 谷歌图表-传奇,javascript,google-visualization,Javascript,Google Visualization,我想改变我的传奇,我必须删除分页并将所有标题放在一行或两行。我想更改图标 现在看起来像这样 我想要这样的 我放了滚动箭头:“没有”,但它不起作用。 这是我在控制器中的代码: var optionsMobile = { width: '100%', height: '100%', pointSize: 5, series: { pointShape: 'circle' }, chartArea: { width: '80%', height: '70%' }, lege

我想改变我的传奇,我必须删除分页并将所有标题放在一行或两行。我想更改图标

现在看起来像这样

我想要这样的

我放了滚动箭头:“没有”,但它不起作用。 这是我在控制器中的代码:

var optionsMobile = {
width: '100%',
height: '100%',
pointSize: 5,
series: {
    pointShape: 'circle'
},
chartArea: {
    width: '80%',
    height: '70%'
},
legend: {
    position: 'bottom',
    textStyle: {
        color: 'white'
    },
    pagingTextStyle: { color: '#666' },
    scrollArrows: 'none'
},
backgroundColor: 'transparent',
titleTextStyle: {
    color: 'white',
    height: "40px"
},
hAxis: {
    textStyle: {
        color: 'white'
    }
},
vAxis: {
    textStyle: {
        color: 'white'
    }
},
};
根据

legend.maxLines
设置为大于1的数字,以便在图例中添加线条。
此选项当前仅适用于图例。位置:“顶部”
注意:用于确定渲染的实际行数的确切逻辑仍在变化中

请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
['x','NYCLS 2016男孩','NYCLS 2016女孩','NYCLS 2017男孩','NYCLS 2017女孩',
[1, 10, 15, 20, 25],
[2, 12, 18, 24, 30],
[3, 14, 21, 28, 35],
[4, 16, 24, 32, 40]
]);
变量选项={
图例:{
maxLines:2,
位置:'顶部'
},
宽度:360
};
var chart=new google.visualization.LineChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
});

var options = {
  legend: {
    maxLines: 2,
    position: 'top'
  }
};