谷歌图表标签部分在图表外

时间:2017-11-09 15:44:46

标签: javascript html css charts google-visualization

The 100 is just displayed as 00

我的图表的Y轴标签似乎被切断了。我做了一些调查,在源代码中找到了以下代码片段:

<text x="14.5" y="155.4614898989899" style="cursor: default; user-select: none; -webkit-font-smoothing: antialiased; font-family: Roboto; font-size: 12px;" fill="#757575" dx="-13.4765625px">80</text>
<text x="14.5" y="80.5" style="cursor: default; user-select: none; -webkit-font-smoothing: antialiased; font-family: Roboto; font-size: 12px;" fill="#757575" dx="-20.21484375px">100</text>

现在问题似乎是100的dx是-20.21,其中 - 每个其他标签的dx是-13.47。当我手动更改源代码的那一部分时,100正确显示,但由于代码生成,我无法在源代码中执行此操作。

任何人都知道如何解决这个问题?会非常感激!

编辑:我试图在谷歌(搜索引擎和他们自己的文档)上找到解决方案,并试图在这里发现有类似问题的人,但遗憾地一无所获。

var options = {
    chart: {
      title: 'Title',
      subtitle: 'Subtitle'
    },
    chartArea: {
        left:50
    },
    width: 900,
    height: 500,
    hAxis: {
        format: 'MM.yy',
        gridlines: {count: 15}
      },
    vAxis: {
        gridlines: {color: 'none'},
        minValue: 0,
        viewWindowMode:'explicit',
          viewWindow:{
            max:100,
            min:1
          }
      }
  };

0 个答案:

没有答案