partme-ai/lime-echart
skills/chart-skills/lime-echart/SKILL.md
Integrates Apache ECharts into UniApp and UniAppX projects for cross-platform data visualization (H5, mini-programs, native App). Supports line, bar, pie, scatter, radar, gauge, funnel, heatmap, and more chart types. Use when the user needs to create ECharts charts in UniApp/UniAppX or configure interactive data visualizations for mobile and web.
$ install --global
skillsauthnpx skillsauth add partme-ai/full-stack-skills lime-echartInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 10, 2026, 8:43 AM6.4s30 files scanned
SKILL.md
- name:
- lime-echart
- description:
- Integrates Apache ECharts into UniApp and UniAppX projects for cross-platform data visualization (H5, mini-programs, native App). Supports line, bar, pie, scatter, radar, gauge, funnel, heatmap, and more chart types. Use when the user needs to create ECharts charts in UniApp/UniAppX or configure interactive data visualizations for mobile and web.
- license:
- Complete terms in LICENSE.txt
When to use this skill
Use this skill whenever the user wants to:
- Create ECharts charts (line, bar, pie, scatter, radar, gauge, etc.) in UniApp or UniAppX
- Display data visualizations in H5, mini-programs, or native App
- Handle chart events, dynamic data updates, or custom themes in UniApp
- Optimize chart performance for mobile environments
How to use this skill
Workflow
- Install lime-echart - Load
examples/getting-started/installation.md - Choose chart type - Match the requirement to the chart type below
- Load the example file - Each chart type has a dedicated example in
examples/charts/ - Customize - Adjust options, theme, and data binding per the API docs
Quick-Start Example: Line Chart in UniApp
<template>
<view class="chart-container">
<l-echart ref="chartRef" @bindinit="onInit" />
</view>
</template>
<script>
import * as echarts from '@nicefan/lime-echart/echarts';
export default {
methods: {
onInit(chart) {
chart.setOption({
xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'] },
yAxis: { type: 'value' },
series: [{
type: 'line',
data: [120, 200, 150, 80, 270],
smooth: true,
lineStyle: { color: '#5470c6' }
}]
});
}
}
};
</script>
<style>
.chart-container { width: 100%; height: 300px; }
</style>
Chart Type Reference
| Chart | File | Use Case |
|-------|------|----------|
| Line | examples/charts/line-chart.md | Trends over time |
| Bar | examples/charts/bar-chart.md | Category comparison |
| Pie | examples/charts/pie-chart.md | Proportions |
| Scatter | examples/charts/scatter-chart.md | Correlation |
| Radar | examples/charts/radar-chart.md | Multi-dimension comparison |
| Gauge | examples/charts/gauge-chart.md | Single metric display |
API Reference
api/component-api.md- Component properties and attributesapi/methods-api.md- Chart manipulation methodsapi/events-api.md- Event handling (click, hover, zoom)api/options-api.md- Full ECharts options reference
Best Practices
- Dispose on unmount - Call
chart.dispose()inonUnloadto prevent memory leaks - Lazy load charts - Initialize charts only when they scroll into view
- Test cross-platform - Verify on H5, WeChat mini-program, and native App
- Optimize data volume - Downsample large datasets before rendering on mobile
- Use CSS sizing - Set chart container dimensions via CSS, not inline styles
Resources
- Official Plugin: https://ext.dcloud.net.cn/plugin?id=4899
- ECharts Docs: https://echarts.apache.org/
Keywords
lime-echart, echarts, uniapp, uniappx, chart, visualization, 图表, 折线图, 柱状图, 饼图, data visualization, mobile chart
Related Skills
partme-ai/uniapp-project
development
VerifiedTrustedCommunity
Provides per-component and per-API examples with cross-platform compatibility details for uni-app, covering built-in components, uni-ui components, and APIs (network, storage, device, UI, navigation, media). Use when the user needs official uni-app components or APIs, wants per-component examples with doc links, or needs platform compatibility checks.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-project-creator
tools
VerifiedTrustedCommunity
Creates new uni-app projects via the official CLI or HBuilderX with Vue 2/Vue 3 template selection, manifest.json and pages.json configuration, and directory structure setup. Use when the user wants to scaffold a new uni-app project, initialize project files with a single command, or set up the development environment.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-plugin
tools
VerifiedTrustedCommunity
Browses, installs, configures, and manages plugins from the uni-app plugin market (ext.dcloud.net.cn) including component plugins, API plugins, and template plugins with dependency handling. Use when the user needs to find and install uni-app plugins, configure plugin settings, manage plugin dependencies, or integrate third-party components.
456SKILL.mdUpdated Jun 4, 2026
partme-ai/uniapp-native-plugin
tools
VerifiedTrustedCommunity
Develops native Android and iOS plugins for uni-app including module creation, JavaScript-to-native communication, and plugin packaging for distribution. Use when the user needs to build custom native modules, extend uni-app with native capabilities (camera, Bluetooth, sensors), or create publishable native plugins.
456SKILL.mdUpdated Jun 4, 2026