Изменение размера диаграммы в ng2-google-charts

Question

Я создал диаграмму, используя эту документацию https://www.npmjs.com/package/ng2-google-charts.

<google-chart style="height: 100%!important; width: 80%!important;" [data]="pieChartData"></google-chart>

Это кажется очень маленьким для большого экрана. Есть ли в любом случае, я могу изменить его размер для большого экрана?

Answer 1

Вы можете просто указать значения для ширины и высоты в настройках. Но это не отзывчиво.

pieChartData =  {
  chartType: 'PieChart',
  dataTable: [
    ['Task', 'Hours per Day'],
    ['Work',     11],
    ['Eat',      2],
    ['Commute',  2],
    ['Watch TV', 2],
    ['Sleep',    7]
  ],
  options: {'title': 'Tasks', 
            'width': 700,
            'height': 600},
};