Sobes.tech
Middle

Tell about your work with eCharts: what visualizations did you create, what additional features (filters, conditional formatting, etc.)?

sobes.tech AI

Answer from AI

In working with eCharts, I created various types of visualizations: line and bar charts to display the dynamics of indicators, pie charts for distribution, as well as complex combined charts with multiple axes.

Additional features included:

  • Filters by date and categories, implemented through a combination of React and eCharts, allowing users to dynamically change the displayed data.
  • Conditional formatting: for example, changing the color of a line or bar depending on threshold values (red when exceeding the limit).
  • Interactive tooltips with additional information on hover.
  • The ability to zoom and pan charts for detailed analysis.

Example of conditional formatting in eCharts:

option = {
  series: [{
    type: 'bar',
    data: [120, 200, 150, 80, 70],
    itemStyle: {
      color: function(params) {
        return params.value > 100 ? 'red' : 'green';
      }
    }
  }]
};
Tell about your work with eCharts: what… - sobes.tech