agentsclimarketplace
Sign in

Echart finance

Skill morning-start/agent-skills/tool/echart/skills/echart-finance

ECharts 金融图技能，掌握K线图、雷达图、仪表盘等金融场景图表，用于股票走势、能力评估和指标监控From its SKILL.md

Install
npx -y skills add morning-start/agent-skills --skill echart-finance

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
  • 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

6.2 KB, ~2.2k tokens by cl100k_base, as published. Nobody here has run it

EChart Finance Skill - 金融图技能

任务目标

  • 本 Skill 用于：掌握金融场景数据可视化（股票走势、能力评估、指标监控）
  • 核心能力：
    • K线图：股票期货走势、波动分析
    • 雷达图：能力评估、多维对比
    • 仪表盘：进度监控、指标展示
  • 触发条件：展示金融数据、评估指标、进度监控时

图表类型

K线图 (Candlestick)

展示信息：股票/期货的OHLC（开盘、最高、收盘、最低价）

变量：

变量类型说明
xAxis类目轴/时间轴横坐标（时间）
yAxis数值轴纵坐标（价格）
series.data数组[open, close, lowest, highest]
series.itemStyle样式K线颜色配置

变量关系：时间序列的四个价格点

子类型：

  • 基础K线图
  • 上证指数K线图
  • OHLC图（自定义系列）
  • 大数据量K线图
  • 触屏交互K线图
  • 断轴K线图
option = {
  xAxis: { type: 'category', data: ['2024-01', '2024-02', '2024-03'] },
  yAxis: { type: 'value' },
  series: [{
    type: 'candlestick',
    data: [
      [20, 30, 15, 35],   // [open, close, low, high]
      [25, 35, 20, 40],
      [30, 25, 18, 38]
    ],
    itemStyle: {
      color: '#eb5454',       // 上涨颜色
      color0: '#47b262',      // 下跌颜色
      borderColor: '#eb5454',
      borderColor0: '#47b262'
    }
  }]
};

雷达图 (Radar)

展示信息：多维度能力/属性对比

变量：

变量类型说明
radar雷达坐标系维度配置
indicator指标数组[{name, max, min}]
series.data数组各维度取值

变量关系：各维度数值的相对位置和面积

子类型：

  • 基础雷达图
  • 多雷达图（叠加）
  • AQI雷达图
  • 自定义样式雷达图
  • 浏览器占比变化雷达图
option = {
  radar: {
    indicator: [
      { name: '速度', max: 100 },
      { name: '价格', max: 100 },
      { name: '功能', max: 100 },
      { name: '外观', max: 100 },
      { name: '油耗', max: 100 }
    ],
    shape: 'polygon',        // 'polygon' | 'circle'
    splitNumber: 5
  },
  series: [{
    type: 'radar',
    data: [{
      value: [85, 60, 90, 75, 50],
      name: '车型A',
      areaStyle: { opacity: 0.3 }
    }, {
      value: [70, 80, 70, 85, 70],
      name: '车型B',
      areaStyle: { opacity: 0.3 }
    }]
  }]
};

仪表盘 (Gauge)

展示信息：单一指标与目标/范围的对比

变量：

变量类型说明
series.data数值当前值
min最小值刻度起始值
max最大值刻度结束值
radius半径仪表盘大小
startAngle起始角度指针起始
endAngle结束角度指针结束

变量关系：指针位置相对于整个刻度范围的比例

子类型：

  • 基础仪表盘
  • 速度仪表盘
  • 进度仪表盘
  • 多标题仪表盘
  • 等级仪表盘
  • 时钟仪表盘
  • 汽车仪表盘
option = {
  series: [{
    type: 'gauge',
    radius: '80%',
    startAngle: 200,
    endAngle: -20,
    min: 0,
    max: 100,
    splitNumber: 10,
    pointer: { length: '60%', width: 6 },
    axisLine: {
      lineStyle: {
        width: 20,
        color: [
          [0.3, '#47b262'],
          [0.7, '#fac858'],
          [1, '#eb5454']
        ]
      }
    },
    data: [{ value: 67, name: '进度' }],
    title: { offsetCenter: [0, '40%'] },
    detail: { valueAnimation: true, formatter: '{value}%' }
  }]
};

通用配置

K线图专属配置

series: [{
  type: 'candlestick',
  barWidth: '60%',
  itemStyle: {
    color: '#eb5454',        // 阳线（上涨）
    color0: '#47b262',       // 阴线（下跌）
    borderColor: '#eb5454',
    borderColor0: '#47b262'
  }
}]

雷达图专属配置

radar: {
  indicator: [
    { name: '指标1', max: 100 },
    { name: '指标2', max: 100 }
  ],
  shape: 'polygon',
  splitNumber: 5,
  axisName: { color: '#333' },
  splitLine: { lineStyle: { color: '#ccc' } },
  splitArea: { areaStyle: { color: ['#fff', '#f5f5f5'] } }
}

仪表盘专属配置

series: [{
  type: 'gauge',
  radius: '75%',
  center: ['50%', '60%'],
  startAngle: 180,
  endAngle: 0,
  min: 0,
  max: 240,
  splitNumber: 12,
  pointer: {
    icon: 'path://M12.8,0.7l12,40.1H0.7L12.8,0.7z',
    length: '12%',
    width: 20,
    offsetCenter: [0, '-10%']
  },
  axisLine: { lineStyle: { width: 6 } },
  axisTick: { length: 12, lineStyle: { color: 'auto' } },
  splitLine: { length: 20, lineStyle: { color: 'auto' } },
  axisLabel: { color: '#464646', fontSize: 12, distance: -60 },
  detail: { valueAnimation: true, fontSize: 50, offsetCenter: [0, '70%'] }
}]

数据转换

股票数据转K线图

function toCandlestick(stockData) {
  return stockData.map(item => {
    return [
      item.open,    // 开盘
      item.close,   // 收盘
      item.low,     // 最低
      item.high     // 最高
    ];
  });
}

评估数据转雷达图

function toRadarData(evaluation) {
  return {
    value: [
      evaluation.speed,
      evaluation.power,
      evaluation.function,
      evaluation.appearance,
      evaluation.economy
    ],
    name: evaluation.name
  };
}

注意事项

  1. K线图：确保OHLC数据顺序正确，颜色配置要区分涨跌
  2. 雷达图：指标数量建议5-8个，过多会导致图形拥挤
  3. 仪表盘：使用分段颜色直观展示进度/状态
  4. 大数据量：K线图超过1000条考虑使用dataZoom
  5. 交互：K线图常配合MA均线使用

相关技能

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.

Gives 0 of the 12 instructions most finance skills give in ~2.2k tokens

Counted across 469 of the 469 authors here whose files we hold, read 2026-08-07

  • Extract date vendor amount and descriptionin 15 of 469, across 3 files
  • Scan folder for invoice filesin 14 of 469, across 2 files
  • Rename files to standard formatin 14 of 469, across 2 files
  • Show organization plan before movingin 14 of 469, across 2 files
  • Generate summary CSVin 14 of 469, across 2 files
  • Organize files by categoryin 13 of 469, across 1 file
  • Preserve original filesin 13 of 469, across 1 file
  • Flag files missing critical infoin 13 of 469, across 1 file
  • Produce the requested output filein 9 of 469, across 4 files
  • Build best, base, and worst case scenariosin 9 of 469, across 5 files
  • Implement backoff if rate limit errors occurin 8 of 469, across 3 files
  • Determine the weighted average cost of capitalin 8 of 469, across 4 files

Said here and by no other author read

  • use candlestick for ohlc stock data
  • use radar for multidimensional evaluation
  • use gauge for single metric monitoring
  • ensure ohlc data order is correct
  • distinguish rising and falling candlestick colors
  • use five to eight radar indicators

Grouped from the skills themselves: near-identical wordings counted once, and counted by distinct author, so one author publishing three of these counts once. Length counted with cl100k_base; the agent that loads this file may tokenize it differently.

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.