WPF和echarts联动

武飞扬头像

拉姆他

2024-06-29 帮助2人

echarts可以制作精美的数据图表，但是在官网他所使用的语言是JavaScript，所以在转为html的过程当中还需要操作一下。

首先在项目里创建一个html的文件（我的visualstudio不可以直接创建，所以我创建了个txt格式的文本，转成了html文件）！！！！！！！！！！！注意注意！！！！！html的文件属性----高级属性----复制到输出目录---一定选择始终复制！！！！！

新的html文件应

<!DOCTYPE html>
<html>
#这样写可以让网页不报错
<head>
<meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=5,6,7,8,9,10,11, chrome=1" />
</head>
<body>
<div id="main" style="width:600px;height:300px;margin-left:-8px" />
<script src="echarts.js"></script>
<script>
myChart3 = echarts.init(document.getElementById('main')); #这个地方设置了自己的表
######这里添加echarts的官方案例
myChart3.setOption(option);
</script>
</body>
</html>

学新通

echarts官网：Apache ECharts

有好多的案例可以选择，我在一个page里面嵌入了四个web，并把page嵌入到了wpf的frame当中最终制作完成的半成品如下图：这里没有对数据进行修改和连接，完全是echarts的demo，后期会发数据库的绑定和数据更新等文章。学新通

如果有帮助还请收藏关注一下！QAQ

这篇好文章是转载于：学新通技术网

版权申明：本站部分内容来自互联网，仅供学习及演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，请提供相关证据及您的身份证明，我们将在收到邮件后48小时内删除。
本站站名：学新通技术网
本文地址： /boutique/detail/tanhiahkji

系列文章

同类精品

继续加载