【重磅发布】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 开发者!

相关推荐
SoaringHeart18 小时前
Flutter进阶:高内存任务的动态并发执行完美实现
前端·flutter
吴Wu涛涛涛涛涛Tao19 小时前
Flutter 实现类似抖音/TikTok 的竖向滑动短视频播放器
android·flutter·ios
猪哥帅过吴彦祖19 小时前
Flutter 插件工作原理深度解析:从 Dart 到 Native 的完整调用链路
android·flutter·ios
叽哥1 天前
flutter学习第 18 节:设备功能调用
android·flutter·ios
来来走走2 天前
Flutter 顶部导航标签组件Tab + TabBar + TabController
android·flutter
程序员老刘2 天前
2025 Google 开发者大会 客户端要点速览
flutter·ai编程·客户端
Wakeup2 天前
当Flutter下载依赖慢,运行在Android上卡Running Gradle task ‘assembleDebug...解决方法
flutter
你听得到112 天前
告别重复造轮子!我从 0 到 1 封装一个搞定全场景的弹窗库!
前端·flutter·性能优化
恋猫de小郭2 天前
Flutter 3.35 发布,快来看看有什么更新吧
android·前端·flutter
w_y_fan2 天前
flutter_riverpod: ^2.6.1 应用笔记 (一)
前端·flutter