Using the treeshakable api for echarts

[Omkar76]

WHAT

🤖 Generated by Copilot at d7840ee

The pull request improves the performance and organization of the line plot components used in the consultations page. It uses ReactEchartsCore instead of echarts-for-react and combines LinePlot and StackedLinePlot in the same file.

Proposed Changes

• Fixes remove or replace echarts currently using 2.8Mb #6373
• Used treeshakable API of echarts

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers @sainak

Before optimization

After Optimization

HOW

🤖 Generated by Copilot at d7840ee

• Reduce bundle size and improve performance of line plot components by importing custom echarts modules instead of echarts-for-react wrapper (link, link)
• Use ReactEchartsCore component instead of ReactECharts component to render the line plots with the custom echarts instance (link, link)
• Consolidate the code for the line plot components by moving the StackedLinePlot component from StackedLinePlot.tsx to LinePlot.tsx (link)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 9, 2023 10:51am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	d7840ee
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/6523daf4e5186500083671c4
😎 Deploy Preview	https://deploy-preview-6424--care-egov-staging.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[khavinshankar]

@nihal467 the changes looks good, just give it a general test of all the graphs

[nihal467]

LGTM