WPF与echarts联动

最新推荐文章于 2024-06-07 10:49:07 发布

拉姆他

最新推荐文章于 2024-06-07 10:49:07 发布

阅读量1.1k

点赞数 1

文章标签： echarts wpf javascript

本文链接：https://blog.csdn.net/Tony_Starky/article/details/124593161

版权

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

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

新的html文件应

<!DOCTYPE html>

<html>
<!-- saved from url=(0013)about:internet -->     #这样写可以让网页不报错
<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

拉姆他

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
WPF与echarts联动

echarts可以制作精美的数据图表，但是在官网他所使用的语言是JavaScript，所以在转为html的过程当中还需要操作一下。首先在项目里创建一个html的文件（我的visualstudio不可以直接创建，所以我创建了个txt格式的文本，转成了html文件）！！！！！！！！！！！注意注意！！！！！html的文件属性----高级属性----复制到输出目录---一定选择始终复制！！！！！新的html文件应<!DOCTYPE html><html><!-- s
复制链接

扫一扫