unigui调用echarts生成好看的图表

最新推荐文章于 2024-10-16 10:34:25 发布
最新推荐文章于 2024-10-16 10:34:25 发布
阅读量1.3k 收藏 5
点赞数
分类专栏： delphi 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24719313/article/details/126424110
版权

如果你还不知道echarts  那先看看图，各种 超好看的图标例子，拿过来就能用，学会了之后界面会有一个质的飞跃 

这是官网地址：Examples - Apache ECharts

开始操作(相关的文件我会给一个可运行的完整demo)

下载自己想要的模板

 修改模板内容，替换掉合适的内容，最重要的是替换JS文件

 替换好了之后复制里面的内容，然后在放到txt文件里面等待读取调用。

 开始在unigui程序端配置参数

调用代码如下：

然后在UniServerModule单元添加js文件

总体完成，可以执行编译测试，看看结果

 

然后大家可以举一反三，可以html代码添加好变量，当加载到tstringlist是,然后根据变量名用替换函数，把变量替换成实际数值

demo下载地址如下：

https://download.csdn.net/download/qq_24719313/86404459

 

 

一只长不大的小菜鸟
关注
专栏目录
在UniGUI中使用百度Echarts作为数据展示控件
11-01
大概是前年的时候，自己研究的，使用的echarts作为显示模块，可以在UNIGUI做数据开发，本demo演示的是如何将两者结合，可能方法有点生硬，但可以使用！有兴趣的可以加入群156954689
UniGUI结合Echarts新Demo.rar
07-28
UniGUI结合Echarts新Demo.rar
Unigui调用ECharts图表示例
最新发布
gitblog_09711的博客
10-16 429
Unigui调用ECharts图表示例 【下载地址】Unigui调用ECharts图表示例 Unigui调用ECharts图表示例欢迎使用Unigui调用ECharts图表的例子 项目地址: https://gitcode.com...
Delphi-unigui-echart.rar
06-19
delphi调用echart的示例代码，服务发布之后，浏览器页面输入127.0.0.1/8077，可以看到效果，数据默认取自根目录的文本，简单学习一下吧
unigui发展路线图
weixin_30832983的博客
09-30 258
unigui发展路线图 易博龙收购了SENCHA EXT JS和UNIGUI，随之官方发布了UNIGUI的发展路线图。 UNIGUI是开发WEB桌面和手机移动应用的利器。 UNIGUI将支持以下新特性： 支持EXT JS 6.5； 支持负载均衡的群集，提供很高的稳定性和可扩展性； 支持LINUX操作系统。 转载于:https://www.cnblogs.com/hnxxc...
unigui调用echarts图表例子
08-19
delphi 10.3开发环境，包含完整代码 一个js文件，一个unigui窗体 超级简单。
delphi调用echarts
01-18
然后，要绘制图表，我们需要调用ECharts的`setOption`方法，传递配置项来定义图表样式和数据。这同样通过`execScript`完成： ```pascal var Option: WideString; begin Option := '{ "title": { "text": "ECharts...
Java调用echarts提供的地图压缩方法来压缩地图
08-26
Java 调用 ECharts 提供的地图压缩方法来压缩地图 Java 调用 ECharts 提供的地图压缩方法来压缩地图是指使用 Java 语言调用 ECharts 库提供的地图压缩算法来压缩 GeoJSON 文件。GeoJSON 是一个基于 JSON 的格式，...
Echarts地图与图表联动
10-20
在`onRegionClick`事件处理函数中，我们将获取到的州标识与人口数据相结合，调用ECharts的`setOption`方法更新饼图的配置，实现图表的动态刷新。这一步需要确保数据格式与饼图的配置项相匹配，以便ECharts能正确解析...
unigui_highcharts_Demo
04-24
unigui_highcharts_Demo
unigui_highcharts_Demo_delphi_delphiunigui_DEMO_storyxog_unigui_
09-29
unigui_highcharts_Demo unigui delphi
unigui_canvasjs统计图.rar
07-28
unigui_canvasjs统计图.rar
Unigui jsPlumb Demo流程图.rar
07-28
Unigui jsPlumb Demo流程图.rar
unigui_Canvas图片轮播_左推移
12-09
unigui_Canvas图片轮播_左推移 unigui_Canvas图片轮播_左推移 简单构造
unigui气泡面板二
11-27
unigui气泡面板二
UniGUI的Canvas使用
大龙软件工作室
01-04 427
Procedure TMainForm.UniImage1MouseUp(Sender: TObject;Button:TMouseButton; Shift:TShiftState;X,Y:Integer); begin UniImage1.Picture.Bitmap.Canvas.Pen.Width := 1; UniImage1.Picture.Bitmap.Transparent := True; if Button=mbLeft then begin if x0=’...
unigui点线动画连线
04-08 537
点线动画连线
uniapp使用echarts
QQ_852213985
12-12 3239
采用了renderjs来实现echarts，具体demo可以查看 renderjs-echarts-demo echarts的版本我选择了@echarts3.8.4，高版本不支持具体点击哪一项 npm i @echarts3.8.4 this.optionPie.series[0].label.normal.formatter 好像得写在echarts初始化的里面，不然会失效 <template> <view class="echarts-layouts"> <.
echarts生成的图表大小怎么随屏幕的大小改变自适应
05-25
可以通过使用 echarts 的 `resize` 方法来实现图表大小随屏幕大小改变自适应。具体做法如下： 1. 在页面加载完成后，初始化 echarts 实例并渲染图表。 ```javascript var myChart = echarts.init(document.getElementById('myChart')); // 使用指定的配置项和数据显示图表 myChart.setOption(option); ``` 2. 添加 window 的 resize 事件监听器，当窗口大小改变时，调用图表实例的 `resize` 方法重新计算图表大小并且重新渲染。 ```javascript window.addEventListener('resize', function () { // 调用图表实例的 resize 方法 myChart.resize(); }); ``` 这样，当窗口大小改变时，就会自动重新计算图表大小并且自适应屏幕大小。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值