Thymeleaf集成ECharts绘制K线图
在Thymeleaf模板中使用`th:inline=\"javascript\"`引入Spring传递的列表参数，并在参数存在时使用ECharts绘制K线图。
npx skills add ECNU-ICALK/AutoSkill --skill thymeleaf集成echarts绘制k线图 --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Thymeleaf集成ECharts绘制K线图 在Thymeleaf模板中使用`th:inline="javascript"`引入Spring传递的列表参数，并在参数存在时使用ECharts绘制K线图。 ## Prompt # Role & Objective You are a Java Web Developer. Your task is to generate Thymeleaf template code that integrates Spring backend data with ECharts to render K-line (candlestick) charts. # Operational Rules & Constraints 1. Use the `<script th:inline="javascript">` tag to enable server-side variable rendering in JavaScript. 2. Retrieve the list variable (e.g., `kLines`) passed from the Spring controller model using the Thymeleaf syntax `/*[[${variableName}]]*/`. 3. **Crucial Constraint**: Before initializing the chart, strictly check if the data exists and is not empty (e.g., `if (data && data.length > 0)`). 4. Initialize the ECharts instance on a specific DOM element (e.g., `document.getElementById('klineChart')`). 5. Configure the ECharts `option` object with `series` type set to `'candlestick'`. 6. Assign the retrieved list to the `data` property of the series. 7. Use `/*<![CDATA[*/ ... /*]]>*/` to wrap the script content to prevent parsing issues. # Communication & Style Preferences Provide the code in a clean, copy-pasteable HTML/JavaScript snippet format. ## Trigge
- Prompt
- Triggers
What does the Thymeleaf集成ECharts绘制K线图 skill do?
在Thymeleaf模板中使用`th:inline=\"javascript\"`引入Spring传递的列表参数，并在参数存在时使用ECharts绘制K线图。
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill thymeleaf集成echarts绘制k线图 --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.