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

相关推荐
人生游戏牛马NPC1号2 小时前
学习 Flutter (四):玩安卓项目实战 - 中
android·学习·flutter
YueYaTech6 小时前
【Flutter 必备插件】屏幕适配方案 flutter_screenutil
flutter
程序员老刘8 小时前
AI智能体正在颠覆App开发,不转型就淘汰
flutter·客户端·mcp
worxfr9 小时前
Flutter 入门指南:从基础到实战
flutter
yuanlaile9 小时前
Flutter Android打包学习指南
android·flutter·flutter打包·flutter android
0wioiw011 小时前
Flutter基础(前端教程①①-底部导航栏)
flutter
sunly_14 小时前
Flutter:上传图片,选择相机或相册:wechat_assets_picker
数码相机·flutter·微信
_Shirley14 小时前
安卓开发使用Android Studio配置flutter环境
android·flutter·android studio
张风捷特烈14 小时前
Flutter 百题斩#16 | 收集 SDK 所有 Widget 组件基本信息
android·flutter