根据 2020 年 1 月的最新版本，我如何 slant/rotate horizonata/vertical 条形图的 hAxis 和 vAxis 文本

Question

我没有找到任何关于如何在条形图中实现 slantedText 选项的解决方案。 google 是否从其最新版本中删除了 slantedText 属性？

这是我的代码：-

<script src="https://www.gstatic.com/charts/loader.js"></script>
<script>

    google.charts.load('current', {packages: ['corechart','bar']});
    google.charts.setOnLoadCallback(drawChart);

    function drawChart() {
      // Define the chart to be drawn.
      var data = google.visualization.arrayToDataTable([
        ['City', '2010 Population',],
        ['New York City, NY', 8175000],
        ['Los Angeles, CA', 3792000],
        ['Chicago, IL', 2695000],
        ['Houston, TX', 2099000],
        ['Philadelphia, PA', 1526000]
      ]);

      var options = {
        title: 'Population of Largest U.S. Cities',
        chartArea: {width: '50%'},
        legend: { position: "bottom" },
        hAxis: {
          title: 'Total Population',
          minValue: 0,
          slantedText: true,
          slantedTextAngle: 60
        },
        vAxis: {
          title: 'City'
        }
      }

      var chart = new google.charts.Bar(document.getElementById('BarChart'));
      chart.draw(data, options);
    }

</script>

Answer 1

google.charts.Bar 被认为是 material 图表，
material 图表不支持多个选项，包括...

{hAxis,vAxis,hAxes.*,vAxes.*}.slantedText
{hAxis,vAxis,hAxes.*,vAxes.*}.slantedTextAngle

参见 Tracking Issue for Material Chart Feature Parity

相反，您需要使用 classic 图表。

google.visualization.ColumnChart

或

google.visualization.BarChart

根据 2020 年 1 月的最新版本，我如何 slant/rotate horizonata/vertical 条形图的 hAxis 和 vAxis 文本

How can i slant/rotate hAxis and vAxis text of horizonata/vertical bar chart as per latest January 2020 release

javascript

charts

google-visualization