Chart.js 2.7.1实现candlestick蜡烛图报错及Financial扩展实现咨询

Chart.js 2.7.1 原生版本未内置candlestick蜡烛图类型，该类型属于独立的第三方扩展功能，未正确引入适配版本的扩展包时就会触发" 'candlestick' is not a chart type" 报错。

• 依赖引入规则：需严格按顺序引入以下适配2.x版本的依赖，禁止使用适配Chart.js 3.x/4.x的高版本依赖
  1. Chart.js 2.7.1 本体
  2. 时间处理库（moment.js 或 luxon）及对应 Chart.js 2.x 版本的时间适配器
  3. 适配 Chart.js 2.x 的chartjs-chart-financial扩展包（最高适配版本为0.6.1）
• 图表初始化代码示例：

// 需提前在页面中放置id为candlestickChart的canvas元素
const ctx = document.getElementById('candlestickChart').getContext('2d');
new Chart(ctx, {
  type: 'candlestick',
  data: {
    datasets: [{
      label: '交易数据',
      data: [
        // 数据格式：x为时间戳，o=开盘价，h=最高价，l=最低价，c=收盘价
        { x: 1680000000000, o: 170, h: 180, l: 165, c: 178 },
        { x: 1680086400000, o: 178, h: 185, l: 172, c: 182 }
      ]
    }]
  },
  options: {
    scales: {
      xAxes: [{
        type: 'time',
        time: {
          unit: 'day'
        }
      }]
    }
  }
});

• 注册验证：初始化前打印Chart.controllers，确认存在candlestick属性即说明扩展注册成功。

操作后仍报错可优先核对以下场景：

• 扩展包版本不兼容：高版本chartjs-chart-financial仅支持Chart.js 3.x及以上，与2.7.1完全不兼容
• 依赖引入顺序错误：必须先引入Chart.js本体，再引入扩展包，否则扩展无法正常注册图表类型
• 缺少时间适配器：蜡烛图默认使用时间轴，未引入对应版本的时间适配器会触发二级渲染报错

内容的提问来源于stack exchange，提问作者Silvia Francia