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';
}
}
}]
};