Question

虽然经典图表可以做到，但SlantedText似乎不起作用。（这是在水平轴上稍微旋转标签的功能，因此即使有足够的列，它们也可以适合图形）。这是在Beta材料图表中尚未实现的内容，还是我做错了什么？

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['bar']}]}"></script>
<div id="top_x_div" style="width: 500px; height: 400px;"></div>

  google.setOnLoadCallback(drawStuff);

  function drawStuff() {
    var data = new google.visualization.arrayToDataTable([
      ['Move', 'Percentage'],
      ["King's pawn (e4)", 44],
      ["Queen's pawn (d4)", 31],
      ["Knight to King 3 (Nf3)", 12],
      ["Queen's bishop pawn (c4)", 10],
      ['Other', 3]
    ]);

    var options = {
      title: 'Chess opening moves',
      width: 500,
      chart: { subtitle: 'popularity by percentage' },
      hAxis: { slantedText: true },
      "hAxis.slantedText": true
    };

    var chart = new google.charts.Bar(document.getElementById('top_x_div'));
    // Convert the Classic options to Material options.
    chart.draw(data, google.charts.Bar.convertOptions(options));
  };

https://jsfiddle.net/csabatoth/cjs3atnp/3/

如您所见，我尝试了多种方法来设置该标志。我只是不想放弃材料图表，因为它们看起来更好。经典图表工作：

https://jsfiddle.net/csabatoth/cjs3atnp/4/

Answer 1

很可能这仍未实施。材料图表处于测试阶段。截至目前，趋势线不起作用。

我在相关的GitHub仓库中指出了Material vs Classic唯一的功能：https://github.com/MrCsabaToth/GoogleChartsTalk

hAxis.slantedText或使用Google材料列图表重新定位图例

1 个答案: