apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.63k stars 19.61k forks source link

Echarts - Line chart - Increase chart height and width on clicking graphic text #12601

Closed Nagasai-Aytha closed 4 years ago

Nagasai-Aytha commented 4 years ago

Hi,

I am trying to update chart width and height using grid parameter in chart options


grid: {
        height: '80%'
      },

Created click event on graphic option with group elements- 'rect' and 'text' and on clicking that rectangle element , I am trying to increase the chart height to 100%

graphic: [{
      type: 'group',
      left: '12%',
      top: '70%',
      onclick: () =>{        
        this.options.grid.height = '120%';
        console.log("clicking", this);
      }

Stackblitz link for reference - https://stackblitz.com/edit/angular-ngx-echarts-wjw1vw?file=src%2Fapp%2Fapp.component.ts

Note: Tried with smaller datatset but no luck and it is not related to dataset limit issue

echarts-bot[bot] commented 4 years ago

This issue is not created using issue template so I'm going to close it. 🙊 Sorry for this, but it helps save our maintainers' time so that more developers get helped. Feel free to create another issue using the issue template.

If you think you have already made your point clear without the template, or your problem cannot be covered by it, you may re-open this issue again.

这个 issue 未使用 issue 模板 创建,所以我将关闭此 issue。 为此带来的麻烦我深表歉意,但是请理解这是为了节约社区维护者的时间,以更高效地服务社区的开发者群体。 如果您愿意,可以请使用 issue 模板重新创建 issue。

如果你认为虽然没有使用模板,但你已经提供了复现问题的充分描述,或者你的问题无法使用模板表达,也可以重新 open 这个 issue。