feat: use ECharts to have faster charts

[Ahmad-Wahid]

Description

• ...
• Added changelog item in documentation/changelog.rst

Look & Feel

...

How to test

...

Further Improvements

	Vega-Lite	ECharts
Asset page (vconcat line chart)	✅	✅
Sensor page (bar chart)	✅	✅
Sensor page (annotations)	✅	✅
Sensor page (histogram)	✅	✅
Sensor page (heat map)	✅	✅
Speed	🟡	🟢
Interactivity	🟡	🟢
Replay	✅	✅
Toggle legend position	✅	✅
Tooltip	✅	✅
Export (CSV)	✅	✅
Export (PNG)	✅	✅
Export (SVG)	✅	✅

• 🟡 Good
• 🟢 Great
• ✅ Supported
• ❌ Not supported
• ⬜ Support unknown

Related Items

...

[Flix6x]

No code review, just observations from testing. Improvements I observe are:

• Speed
• Panning
• Zooming
• Hover effect to focus on a single trace (line)
• Heat map interactivity (select a value range to see)

Missing:

• Asset page shows misaligned x-axis on vertically concatenated subcharts (tip: try the replay on asset 77) (✅ )
• Bar chart of a year of 15-minute prices has missing data
• SVG export on large heatmaps has missing data
• No annotations visible on sensor bar chart (tip: select a time period on sensor 14 covering some Dutch public holidays) (✅ )
• SVG export should exclude buttons (✅ )
• Double click to reset
• Font size too small (✅ )
• Tooltip hover on nearest data point (this can be discussed)

[Ahmad-Wahid]

No code review, just observations from testing. Improvements I observe are:

• Speed
• Panning
• Zooming
• Hover effect to focus on a single trace (line)
• Heat map interactivity (select a value range to see)

Missing:

• Asset page shows misaligned x-axis on vertically concatenated subcharts (tip: try the replay on asset 77)
• Bar chart of a year of 15-minute prices has missing data (✅ )
• SVG export on large heatmaps has missing data
• No annotations visible on sensor bar chart (tip: select a time period on sensor 14 covering some Dutch public holidays) (✅ )
• SVG export should exclude buttons (✅ )
• Double click to reset
• Font size too small (✅ )
• Tooltip hover on nearest data point (this can be discussed)

Let's discuss the rest of the items in a call.

[Flix6x]

Updated list of observations

Sensor page:

• Reorder buttons: please move the SVG button to between Reset Zoom and PNG.

• PNG and SVG for 1 year of sensor 14 is still missing data. CSV probably, too, please check.

• Reset Zoom is very peculiar at the moment. It only does something when the Zoom button function has been used, and whatever window had been selected at that time will be the window that it resets to, until you reload the entire page. I see two options going forward:

  1. Always reset to the full period in the URL, or
  2. Reset to the previously selected period (like a back button).

  The first option is probably simplest.

Asset page:

• Source legend at the bottom.
• Instantaneous sensors should not have step-before/after viz
• Tooltip should always show for the nearest data point (nearest vertical trace, in case of multiple traces, nearest horizontally on the left or right, I don't mind that much; the vega-lite uses the nearest on the left).