Looking for a React-Based Chart Widget for Mixed Chart Types (Line, Bar, Area, etc.) in Mendix

0
Hi everyone, I’ve heard that the legacy AnyChart widget is no longer supported in Mendix, and I’m currently planning to shift to React-based widgets for data visualization in our Mendix apps. Previously, I used AnyChart because it allowed me to create mixed chart types (e.g., a combination of line, bar, and area series in a single chart).Now I’m looking for a good alternative in the current React-supported ecosystem for Mendix. Could you please recommend any React-based chart widgets or libraries (like Chart.js, Highcharts, ECharts, etc.) that work well as a Pluggable Widget in Mendix, and support mixed chart types like AnyChart did?Or if anyone has already built something similar, I’d love to hear your experience or see an example. Thanks a lot in advance!
asked
1 answers
2

Hi Kenta, recommended Libraries (React-based)

  1. Chart.js (react-chartjs-2)

    • Supports mixed charts (bar + line + area).

    • Simple, lightweight, open source.

    • Easy to wrap in a Pluggable Widget.

  2. Apache ECharts (echarts-for-react)

  3. Highly customizable, supports complex mixed charts.

  4. Great for interactive and data-rich dashboards.

  5. Highcharts (highcharts-react-official)

  6. Enterprise-grade supports mixed types, export options.

Mendix Integration

  • Use the Pluggable Widget Generator (React).

  • Pass data via Mendix props (data source, list, or object).

  • Accept chart config via JSON for flexibility.

I hope this one helps you! :)

answered