Description:

technixo k chart v2

technixo_k_chart_v2 #

介绍 #
一个仿火币的flutter图表库包含深度图，支持各种指标及放大缩小、平移等操作
webdemo演示
Demo v0.1.0：下载 APK
演示 #



简单用例 #
1.在 pubspec.yaml 中添加依赖
本项目数据来自火币openApi，火币的接口可能需要翻墙，接口失败后会加载本地json。由于项目没有很好的封装，建议使用本地方式使用
//本地导入方式
dependencies:
technixo_k_chart:
path: 项目路径
copied to clipboard
2.在布局文件中添加
import 'package:technixo_k_chart/technixo_k_chart.dart';
....
Container(
height: 450,
width: double.infinity,
child: KChartWidget(
datas,//数据
isLine: isLine,//是否显示折线图
mainState: _mainState,//控制主视图指标线
secondaryState: _secondaryState,//控制副视图指标线
volHidden: true,// hide or show vol chart
fractionDigits: 4,//保留小数位数
),
)

//深度图使用
Container(
height: 230,
width: double.infinity,
child: DepthChart(_bids, _asks),
)
copied to clipboard
3.修改样式
可在chart_style.dart里面修改图表样式
4.数据处理
//接口获取数据后，计算数据
DataUtil.calculate(datas);
//更新最后一条数据
DataUtil.updateLastData(datas);
//添加数据
DataUtil.addLastData(datas,kLineEntity);
copied to clipboard
国际化 l10n
import 'package:technixo_k_chart/generated/l10n.dart' as k_chart;
MaterialApp(
localizationsDelegates: [
k_chart.S.delegate//国际化
],
);
copied to clipboard
5.修改日志
问题 #
使用中如果有问题可以加QQ群：114563912
请咖啡☕️
🙏感谢🙏
Special Thanks to 'https://github.com/gwhcn/flutter_k_chart'

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter