加载中…Delphi集成ECharts开发app图表
(2017-08-29 10:33:17)
标签：
delphi |
分类： Delphi10.2 |
ECharts已经发展到了3.7版本，对移动端做了大量的改进与适应。http://echarts.baidu.com/
对于我们Delphi开发者来说，如何集成到自己的App中呢？说把大象关进冰箱，总共分几步？http://www/uc/myshow/blog/misc/gif/E___6724EN00SIGG.gif
这个比关大象更简单，总共分两步：
第一步.按ECharts文档，写JS图表脚本。
第二步.写JS网页，用TWebBrowser显示。
WebBrowser1.LoadFromStrings(s,'');
对于我们Delphi开发者来说，如何集成到自己的App中呢？说把大象关进冰箱，总共分几步？http://www/uc/myshow/blog/misc/gif/E___6724EN00SIGG.gif
这个比关大象更简单，总共分两步：
第一步.按ECharts文档，写JS图表脚本。
第二步.写JS网页，用TWebBrowser显示。
我们先看看如何写个入门的ECharts图表，还好，参考官方的5分钟入门教程，如下图：
这是一个完整的网页，要做的，就是把其中option部分，替换成要显示的数据，再把这个网页，写成一个string，最后用TWebBrowser加载这个string，象下面这样：
一个图表就显示出来了：
喜欢
0
赠金笔
前一篇：在IDE中运行App时卡住的问题
后一篇：制作安装程序安装字体文件