Provides comprehensive guidance for Lime ECharts including chart creation, configuration, data visualization, and interactive charts. Use when the user asks about Lime ECharts, needs to create charts, visualize data, or work with ECharts features.
Use this skill whenever the user wants to:
To use lime-echart in UniApp/UniAppX projects:
Install and configure lime-echart:
examples/getting-started/installation.md for installation instructionsexamples/getting-started/basic-usage.md for basic setup and configurationexamples/getting-started/configuration.md for detailed configuration optionsChoose the chart type based on the user's requirements:
examples/charts/line-chart.mdexamples/charts/bar-chart.mdexamples/charts/pie-chart.mdexamples/charts/scatter-chart.mdexamples/charts/radar-chart.mdexamples/charts/gauge-chart.mdexamples/charts/funnel-chart.mdexamples/charts/heatmap.mdexamples/charts/tree-chart.mdexamples/charts/map-chart.mdexamples/charts/candlestick-chart.mdexamples/charts/boxplot-chart.mdLoad the appropriate example file from the examples/ directory:
examples/getting-started/installation.md - Installation and setupexamples/getting-started/basic-usage.md - Basic usage examplesexamples/getting-started/configuration.md - Configuration optionsexamples/charts/line-chart.md - Line chart examplesexamples/charts/bar-chart.md - Bar chart examplesexamples/charts/pie-chart.md - Pie chart examplesexamples/charts/scatter-chart.md - Scatter chart examplesexamples/charts/radar-chart.md - Radar chart examplesexamples/charts/gauge-chart.md - Gauge chart examplesexamples/charts/funnel-chart.md - Funnel chart examplesexamples/charts/heatmap.md - Heatmap examplesexamples/charts/tree-chart.md - Tree chart examplesexamples/charts/map-chart.md - Map chart examplesexamples/charts/candlestick-chart.md - Candlestick chart examplesexamples/charts/boxplot-chart.md - Boxplot chart examplesexamples/advanced/dynamic-data.md - Dynamic data updatesexamples/advanced/event-handling.md - Chart event handlingexamples/advanced/custom-theme.md - Custom theme configurationexamples/advanced/multiple-charts.md - Multiple charts on one pageexamples/advanced/responsive-charts.md - Responsive chart designexamples/advanced/performance-optimization.md - Performance optimizationFollow the specific instructions in that example file for syntax, structure, and best practices
Reference the API documentation when needed:
api/component-api.md - Component API referenceapi/methods-api.md - Methods API referenceapi/events-api.md - Events API referenceapi/options-api.md - Options API referenceUse templates for quick start:
templates/basic-chart.md - Basic chart templatetemplates/advanced-chart.md - Advanced chart templatetemplates/chart-with-data.md - Chart with data binding templateThis skill includes detailed examples organized to match the official documentation structure. All examples are in the examples/ directory (see mapping above).
To use examples:
To use templates:
templates/ directory for common scaffoldingapi/component-api.md - lime-echart component properties and attributesapi/methods-api.md - Available methods for chart manipulationapi/events-api.md - Chart events and event handlingapi/options-api.md - ECharts options configuration referencelime-echart, echart, echarts, uniapp, uniappx, chart, visualization, line chart, bar chart, pie chart, scatter chart, radar chart, gauge chart, funnel chart, heatmap, tree chart, map chart, candlestick chart, boxplot chart, 图表, 折线图, 柱状图, 饼图, 散点图, 雷达图, 仪表盘, 漏斗图, 热力图, 树图, 地图, K线图, 箱线图
确保开发环境已安装必要的依赖和工具。
根据项目需求进行基础配置。
按照示例代码实现核心功能。
运行测试确保功能正常。
完成开发后进行部署和监控。