Я показываю линейную диаграмму Google, и все работает правильно, но теперь я хочу увеличить график, и я увидел, что это доступно, чтобы сделать это со свойством explorer
в объекте options
, который вводится в компонент линейного графика Google. Я получил это:
options = {
curveType: 'function',
width: '100%',
height: '100%',
explorer : {
actions: ['dragToZoom'],
axis: 'horizontal',
keepInBounds: true,
maxZoomIn: 4.0
},
legend: { position: 'right' }
};
Это то, что я вводил компоненту;
<google-chart style="width: 100%; height: 100%;" #chart *ngIf="!loading"
[type]="'LineChart'"
[columnNames]="columnNames"
[data]="data"
[width]="1200"
[height]="900"
[options]="options">
</google-chart>
Вот так выглядит переменная data
:
data = [
{ 0: "Wed May 31 2006"
1: 24.962499618530273
2: 24.962499618530273 },
{ 0: "Thu Jun 01 2006"
1: 25.0
2: 25.1 },
...
Но когда я пытаюсь увеличить график с помощью колесика мыши, он не работает ... что я что-то не так делаю?