【重磅发布】Flutter 生态首个可商用 K线图表库flutter_chen_kchart

flutter_chen_kchart

Flutter 生态首个可商用 K线图表库 / The First Production-Ready K-Line Chart for Flutter


✨ 特性亮点 / Features

  • 原生性能 / Native Performance:基于 CustomPainter,60fps 丝滑体验
  • 多主题支持 / Multiple Themes:一行切换亮/暗色主题
  • 丰富技术指标 / Rich Indicators:MA、BOLL、MACD、KDJ、RSI、WR、CCI
  • 极致交互 / Excellent Interaction:双指缩放、滚轮缩放、平移、长按详情
  • 自定义样式 / Customizable:颜色、线宽、字体、布局全可配
  • 国际化 / Internationalization:多语言支持
  • 性能优化 / Performance:支持大量数据点不卡顿
  • 绘图工具 / Drawing Tools:趋势线、箭头、标注等绘图工具(开发中)
  • 持续维护 / Actively Maintained:第一个正式商用Flutter K线库,长期更新

🚀 Why flutter_chen_kchart?

Flutter has never had a truly production-ready, commercial K-line (candlestick) chart library.

Now, you don't need to embed TradingView via WebView anymore.

This is the first open-source, natively performant, fully customizable, and actively maintained K-line chart for Flutter.


效果展示

Online Demo(需要开VPN)

📦 快速开始 / Quick Start

1. 添加依赖 / Add Dependency

yaml 复制代码
dependencies:
  flutter_chen_kchart: ^1.0.0

2. 基本用法 / Basic Usage

dart 复制代码
import 'package:flutter_chen_kchart/flutter_chen_kchart.dart';

final KChartController _controller = KChartController();

KChartWidget(
  datas,
  controller: _controller,
  enableTheme: true,
  enableDrawingTools: true,
  minScale: 0.1,
  maxScale: 5.0,
  scaleSensitivity: 2.5,
  onScaleChanged: (scale) {
    print('Current scale: ${(scale * 100).toInt()}%');
  },
  // ...更多配置
)

3. 主题切换 / Theme Switch

dart 复制代码
ChartThemeManager.setTheme(ChartTheme.dark); // Dark
ChartThemeManager.setTheme(ChartTheme.light); // Light
ChartThemeManager.toggleTheme(); // Toggle

4. 程序化控制 / Programmatic Control

dart 复制代码
await _controller.zoomIn(factor: 1.2);
await _controller.zoomOut(factor: 1.2);
await _controller.scaleTo(2.0);
await _controller.resetScale();
_controller.saveScaleState();
await _controller.restoreScaleState();

🛠️ 配置参数 / Configuration

参数/Property 类型/Type 默认值/Default 说明/Description
minScale double 0.1 最小缩放比例 / Min scale
maxScale double 5.0 最大缩放比例 / Max scale
scaleSensitivity double 2.5 缩放灵敏度 / Scale sensitivity
enablePinchZoom bool true 双指缩放 / Pinch zoom
enableScrollZoom bool true 滚轮缩放 / Mouse wheel zoom
enableTheme bool true 启用主题系统 / Enable theme
enableDrawingTools bool false 启用绘图工具 / Drawing tools
enablePerformanceMode bool false 性能优化 / Performance mode
controller KChartController? null 控制器 / Controller
onScaleChanged Function(double)? null 缩放回调 / Scale callback

更多参数详见源码和注释。


📊 技术指标 / Indicators

  • MA, BOLL, MACD, KDJ, RSI, WR, CCI

🖌️ 绘图工具(开发中)/ Drawing Tools (WIP)

  • 趋势线、角度线、箭头、标注、斐波那契等

🏆 商用声明 / Commercial Statement

  • 第一个 Flutter 生态正式商用 K线库
  • 完全开源 MIT,免费商用
  • 持续维护,欢迎 PR/Issue

🤝 社区与支持 / Community & Support

  • GitHub
  • Issue/PR/Discussions 欢迎参与

📢 结语 / Final Words

Flutter 终于有了真正可商用的 K线图表库!

不再需要 WebView,不再被 TradingView 限制。

让你的 Flutter 金融应用更专业、更流畅!


如需更详细的文档、示例和高级用法,请查阅源码和 example 目录。

如果你满意这个库,请在 GitHub 上点个 Star,欢迎转发推荐给更多 Flutter 开发者!

相关推荐
恋猫de小郭1 小时前
2026,Android Compose 终于支持 Hot Reload 了,但是收费
android·前端·flutter
ljt272496066120 小时前
Flutter笔记--事件处理
笔记·flutter
Feng-licong1 天前
告别手写 UI:当 Google Stitch 遇上 Flutter,2026 年的“Vibe Coding”开发流
flutter·ui
不爱吃糖的程序媛1 天前
Flutter OH Engine构建指导
flutter
小蜜蜂嗡嗡2 天前
flutter实现付费解锁内容的遮挡
android·flutter
tangweiguo030519872 天前
Flutter iOS 调试利器:idevicesyslog 从入门到精通
flutter
tangweiguo030519872 天前
Flutter 异常捕获与处理:从入门到生产实践
flutter
不爱吃糖的程序媛2 天前
已有 Flutter 应用适配鸿蒙平台指导文档
flutter·华为·harmonyos
weixin_443478512 天前
flutter组件学习之卡片与列表
javascript·学习·flutter
不爱吃糖的程序媛2 天前
Flutter-OH 升级指导
flutter