【问题标题】:Google Chart wrapping legend label谷歌图表包装图例标签
【发布时间】:2016-10-12 06:23:17
【问题描述】:

我有一个用谷歌图表开发的饼图,它的图例标签太长,因为图例标签有多行。由于我有动态数据,我想知道是否有提供用于操作图例宽度的属性。

请找js小提琴:https://jsfiddle.net/ak8wqt6f/

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

    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work, some text related to work',     11],
      ['Eat, some text related to eat',      2],
      ['Commute, some text related to commute',  2],
      ['Watch TV, some text related to watch tv', 2],
      ['Sleep, some text related to sleep',    7]
    ]);

    var options = {
      title: 'My Daily Activities',
      legend: {
      position: 'right',
      alignment: 'center',
      width: 400,
      floating: true
      },
                chartArea: {
      left: -100,
      width: 450
      }
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }

有人可以帮我包装各个图例标签吗?

问候, 法尔汉

【问题讨论】:

    标签: charts google-visualization


    【解决方案1】:

    谷歌员工on google groups回答了这个问题。他们建议更改chartArea 选项。他们还提供了updated JSfiddle

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-12-20
      • 1970-01-01
      • 1970-01-01
      • 2013-06-03
      • 2018-06-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多