WPF与echarts联动

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

WPF与echarts联动相关推荐

ECharts 联动效果
在使用ECharts 时候要用到联动的,比如下面的示例图,当鼠标经过A的图的时候,这个时候有提示,然后让B的提示也显示出来.这样一个效果. 官方文档给的配置项, http://echarts.baid ...
WPF combox二级联动
如上图左边是一个一览,右边是详细,点击左边的树形结构,则右边内容更新,其中单位区分,单位两个comcobox都是即时更新的,而单位区分的更新又带动了单位下拉框的更新看似简单的问题,花费了很长时间 ...
vue3练习 el-table和echarts联动完成数据的增删改查
效果图 <template><div class="new-list"><div class="search-container" ...
【帆软FR】Echarts图表方案
目录一.导图二.准备工作三.通用方法介绍 1.方案1-Label标签 2.方案2-报表块 3.方案3-网页框 4.方案4-Echarts插件四.Echarts联动方案五.附件一.导图二. ...
echarts默认高亮省市区联动
选中省份联动对应的二级市或三级区县,有项目的地区进行高亮标点,浮窗显示具体数值 //main.js 引入echarts import * as echarts from 'echarts'; Vue. ...
Echarts使用二：全国地图与各省市地图联动
===========================更新============================ 介于很多人都找我要相关的js文件,我就传到网上以供大家下载~~ js文件下载地址: ...
Echarts 多个网格联动坐标轴指示器（axisPointer）
之前写过一篇文章Vue实现ECharts动态渲染多个图表,并可以联动,是绘制多个echart实例,通过实例方法connect联动. 这篇文章是绘制一个实例,通过axisPointer全局坐标指示器设置 ...
echarts 点击方法总结，点任意一点获取点击数据，举例说明:在多图联动中点击绘制标线...
关于点击(包括左击,双击,右击等)echarts图形任意一点,获取相关的图形数据,尤其是多图,我想部分人遇到这个问题一直很头大.下面我用举例说明,如何在多图联动基础上,我们点击任意一个图上任意一点,在 ...
echarts label点击_echarts 点击方法总结，点任意一点获取点击数据，举例说明:在多图联动中点击绘制标线...
关于点击(包括左击,双击,右击等)echarts图形任意一点,获取相关的图形数据,尤其是多图,我想部分人遇到这个问题一直很头大.下面我用举例说明,如何在多图联动基础上,我们点击任意一个图上任意一点,在 ...

WPF与echarts联动

WPF与echarts联动相关推荐

最新文章

热门文章