从Google折线图可视化中删除内部填充

Question

从Google折线图可视化中删除内部填充

4

有没有办法去掉图表内部区域两侧默认的填充，如此截图中所示的浅蓝色区域？

enter image description here

这是我目前用来生成图表的代码...

google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      [<?php echo $colTitles; ?>], 
      <?php echo $values; ?>
    ]);

    var options = {
        width: 785, height: 440,
        chartArea: {top:20,left:20,right:0,bottom:0,width:"70%",height:"80%"},
        legend: {position: 'right', textStyle: {fontSize: 10}, alignment: 'start'},
        hAxis: {
            direction:-1,
            slantedText:true,
            slantedTextAngle:90 // here you can even use 180
        },
        vAxis: {maxValue:40, minValue:0, format:'#',gridlines:{count:10}}
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }

- Ross Anthony

在第一次提问时，良好格式化的问题会得到加分。 - BrOSs

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- BrOSs · Answer 1

安东尼奥，

我从未见过这样的请求，并且查看API时，没有一个vAxis选项可以在指定的某个点（像素）开始线条。

无论如何，我jsfiddle使用CSS样式选项提供了一个解决方案。

基本上，我只是裁剪了图表的右填充部分，并将vAxis标题放在里面，以保持标题和绘制（利用空白填充空间）。

问候！