相关疑难解决方法(0)

使用谷歌区域图表:http://code.google.com/apis/chart/interactive/docs/gallery/areachart.html

有谁知道我如何能够自由地操纵传说？

我几乎想要两个中的一个:

• 能够自由地将每个图例元素设置在某处.
• 如果图例的大小超出图例区域的宽度,则将一行中显示的图例设置为多行.(首选)

我会避免黑客操纵iframe btw中的svg.

如果超过容器区域,我需要自动包装谷歌图表的图例(自新行).我不想要滚动按钮,因为它不够方便.有了可用的自定义选项,似乎无法完成.还有其他方法吗？

我希望在新的 google chars API 上获得图例分页。我以前看到它是可能的，但现在找不到任何文档。

如果不再可能，我怎样才能让我的折线图图例扩展图表 div？

我将 div 设置为 min-height: 400px 并且它强制 SVG 为 400px 并且不调整 div 的大小。

我制作了这个超级快速的演示，展示了 35 个图例，您可以看到它是如何将它们切断的。我要么希望它允许一些分页，要么根据需要扩展图表的大小，或者显示第二列图例。

https://jsfiddle.net/4y800onc/

如果您切换到经典模式，您会看到它尝试了一个非常奇怪的水平图例分页。不幸的是我无法切换到经典模式（我的应用程序依赖于材料模式）

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

  function drawChart() {

    var button = document.getElementById('change-chart');
    var chartDiv = document.getElementById('chart_div');

    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Month');
    data.addColumn('number', "Average Temperature");
    data.addColumn('number', "Average Hours of Daylight");
    data.addColumn('number', "Average Hours of Daylight");
    data.addColumn('number', "Average Hours of Daylight");
    data.addColumn('number', "Average Hours of Daylight");
    data.addColumn('number', "Average Hours of Daylight");
    data.addColumn('number', "Average Hours …

我通过 npm 使用 Angular 9 + Google Charts：npm install angular-google-charts

我想为柱形图中的所有列设置不同的颜色，但它为所有列设置第一种颜色。

有人遇到过这样的问题或者有任何解决方案来为谷歌柱形图中的列设置不同的颜色吗？

HTML：

<google-chart #chart
   [title]="title"
   [type]="type"
   [data]="data"
   [columns]="columnNames"
   [options]="options"
   [width]="width"
   [height]="height">
</google-chart>

打字稿：

export class ColumnChartComponent[![enter image description here][1]][1] {
  title = 'Population (in millions)';
  type = 'ColumnChart';
  data = [
     ["2012", 900],
     ["2013", 1000],
     ["2014", 1170],
     ["2015", 1250],
     ["2016", 1530]
  ];
  columnNames = ['Year', 'Asia'];

  // chart options in which I am setting colors
  options = {
    colors: ['#5cb85c', '#f0ad4e', '#d9534f', '#5bc0de', '#f6c7b6'],
  };

  width = 550;
  height …