0 views collected around this technical thread.
This article demonstrates how to integrate the open‑source ECharts library with a PHP backend to dynamically generate a labeled, legend‑enabled statistical chart, covering resource inclusion, data preparation in JSON, HTML container setup, and JavaScript configuration with init() and setOption() calls.
The Tianji team built a no‑code, component‑based visualization platform using Vue3 and Echarts, where a DSL defines reusable chart cards, tables and other widgets that users drag‑and‑drop onto a 24‑column grid, enabling real‑time, permission‑controlled, personalized dashboards that have already produced over 300 dashboards and 6,000 components for growth operations.
This tutorial explains how to set up and use the open‑source Figma MCP service with the Cursor AI IDE, covering API key creation, server configuration, command‑line startup, JSON setup, and a React ECharts example, plus troubleshooting tips for successful integration.
This tutorial explains how to use a PHP interface together with the ECharts JavaScript library and a MySQL database to fetch data, process it on the server, and render dynamic, interactive bar charts in a web page for effective data visualization.
This tutorial consolidates the fragmented knowledge about using Echarts in UniApp mini‑programs, detailing library choices, installation steps, complete code examples for both Vue2 and Vue3 projects, and common pitfalls with practical solutions.
This tutorial demonstrates how to integrate the ECharts JavaScript library with a PHP backend to generate interactive statistical charts featuring labels and legends, covering resource inclusion, data preparation, HTML container setup, and JavaScript configuration with code examples.
This article explains how to create a complete map drill‑down feature in ECharts, covering data preparation, chart initialization, event handling, dynamic rendering, navigation controls, custom tooltips, and best‑practice tips for interactive geographic visualizations.
This article demonstrates how to use a PHP interface to retrieve data from a MySQL database and employ the ECharts library to create dynamic visual statistical charts, guiding developers through preparation, data extraction, and chart generation steps, including code examples for a bar chart.
This article describes a personal project that automates the calculation of commuting distances and times between multiple residential areas and two workplace locations by leveraging the AMap API within a Vue‑based frontend, generating Excel reports and visual charts for easy comparison.
This article presents a comprehensive solution for integrating ECharts into Vue and React projects, addressing bundle size, API complexity, and lack of CSS‑variable support by introducing custom imports, a draw helper, MutationObserver‑based resizing, theme‑aware color replacement, lazy loading, and usage examples for both frameworks.
This tutorial explains how to retrieve data from a MySQL database using PHP, process it, and render interactive bar charts with the ECharts library, providing step‑by‑step instructions, sample code, and best practices for creating data visualizations in web applications.
This tutorial explains how to integrate the open‑source ECharts library with a PHP backend to produce interactive statistical charts that include custom labels and legends, providing step‑by‑step code examples for data preparation, HTML markup, and JavaScript configuration.
This tutorial explains how to encrypt sensitive data with PHP's OpenSSL functions, decrypt it, and then safely feed the decrypted results to ECharts to render interactive statistical charts, providing complete code examples for each step.
This article describes a Python Flask‑based system that crawls tourism site reviews, processes the data with pandas, stores it in MySQL, and visualizes sentiment analysis, keyword frequencies, and rating trends through interactive ECharts charts on a responsive web dashboard.
This tutorial demonstrates how to create an interactive Echarts map that supports drill‑down to county level and back navigation using Vue 3, vue‑echarts, and Vite, covering data acquisition, option configuration, event handling, and full component code.
This article demonstrates how to integrate ECharts into a Vue3 + TypeScript project, create a reusable useEcharts hook for rendering charts, implement one‑click theme switching, and generate custom chart themes from user‑selected colors using the tvision‑color library and Pinia store management.
This tutorial walks through creating a 3D map in a Vue project using ECharts, covering JSON map import, 2D to 3D conversion, region labeling, default and interactive highlighting, background gradients, realistic materials, 3D bar charts, and lighting effects with complete code examples.
This article explains how to quickly build a data‑driven dashboard featuring a pseudo‑3D map, radar and line charts using layered flat maps, ECharts configuration, interaction handling, and visual enhancements such as click‑highlight and ripple effects.
This article demonstrates how to set up and use ECharts in a Vue 3 project with TypeScript, providing a reusable library, type definitions, a composable hook, and example components to render various chart types efficiently.
Apache ECharts 5.4.3, the open‑source JavaScript visualization library, introduces new features such as axisPointer triggerEmphasis, Sankey trajectory for emphasis, and numerous bug fixes across components like Sankey, Sunburst, Graph, Label, Axis, Pie, Custom, Legend, Util, API, i18n, and Type handling.