Echarts+WPF

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Interop;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

using Newtonsoft.Json;

using Newtonsoft.Json.Linq;

namespace WpfBrowserApp1

{

    /// <summary>

    /// Page1.xaml 的交互逻辑

    /// </summary>

    public partial class Page1 : Page

    {

        public dynamic scriptObject = null;

        public Page1()

        {

            InitializeComponent();

            if (!BrowserInteropHelper.IsBrowserHosted)

            {

                MessageBox.Show("不满足与JS调用条件");

                return;

            }

            scriptObject = BrowserInteropHelper.HostScript;

            if (scriptObject != null)

            {

                scriptObject.SetWpfObj(new OprateBasic());

            }

            webbrowser.Source = new Uri("html页面的路径");

            webbrowser.ObjectForScripting = new OprateBasic();

//            m_webFrame.Source =

//                new Uri(

//                    "");

//            m_webFrame.NavigationUIVisibility = System.Windows.Navigation.NavigationUIVisibility.Hidden;

            // Web.Navigate();

        }

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            //O option = JsonConvert.DeserializeObject<O>(Readjson(""));

            webbrowser.InvokeScript("msg",Readjson(""));

            //Web.InvokeScript("msg", Tb1.Text);

        }

        /// <summary>

        /// 读取JSON文件

        /// </summary>

        /// <param name="key">JSON文件中的key值</param>

        /// <returns>JSON文件中的value值</returns>

        public static string Readjson(string key)

        {

            string jsonfile = "";//JSON文件路径

            using (System.IO.StreamReader file = System.IO.File.OpenText(jsonfile))

            {

                using (JsonTextReader reader = new JsonTextReader(file))

                {

                    JObject o = (JObject)JToken.ReadFrom(reader);

                    var value = o.ToString();

                    return value;

                }

            }

        }

    }

    [System.Runtime.InteropServices.ComVisible(true)] // 将该类设置为com可访问

    public class OprateBasic

    {

        public void palymusic(string msg)

        {

            //string json = File.ReadAllText("json文件路径“);

            //dynamic jsonObj = Newtonsoft.Json.JsonConvert.DeserializeObject(json);

           // string output = JsonConvert.SerializeObject(msg, Newtonsoft.Json.Formatting.Indented);

            File.WriteAllText("data.json", msg);

           // MessageBox.Show("WPF弹出框：" + msg);

        }

    }

}

html

 <!-- saved from url=()about:internet -->

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8">

     <meta http-equiv="X-UA-Compatible" content="IE=edge" />

     <title>ECharts</title>

     <!-- 引入 echarts.js -->

     <script src="../Scripts/echarts.js"></script>

     <script src="../Scripts/echarts-all.js"></script>

     <script src="http://code.jquery.com/jquery-latest.js"></script>

 </head>

 <body>

     <!-- 为ECharts准备一个具备大小（宽高）的Dom -->

 <div id="main" style="width: 600px;height:400px;"></div>

 <input type="text" id="txtInput" />

 <button onclick="Test()" style="width:100px;height:20px">测试</button>

 <script>

     var con = window.external

     var option = {};

     function Test() {

         option.xAxis[].name = $("#txtInput").val()

         con.palymusic(JSON.stringify(option));

     }

     function msg(obj) {

         alert(obj)

         var myChart = echarts.init(document.getElementById('main'));

         option = JSON.parse(obj)

         myChart.setOption(option)

     }

 </script>

     <script type="text/javascript">

         // 基于准备好的dom，初始化echarts实例

         // 指定图表的配置项和数据

         //var str = ""

        // $.getJSON("../Data/data.json",function(data){

          //   $.each(data,function(infoindex,info){

                 //str+=info["dd"]

            // })

         //})

        // alert(str);

         //;

     </script>

 </body>

 </html>

配置

 <?xml version="1.0" encoding="utf-8"?>

 <asmv1:assembly manifestVersion="1.0" xmlns="urn:schemas-microsoft-com:asm.v1" xmlns:asmv1="urn:schemas-microsoft-com:asm.v1" xmlns:asmv2="urn:schemas-microsoft-com:asm.v2" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">

   <assemblyIdentity version="1.0.0.0" name="MyApplication.app" />

   <trustInfo xmlns="urn:schemas-microsoft-com:asm.v2">

     <security>

       <requestedPrivileges xmlns="urn:schemas-microsoft-com:asm.v3">

         <!-- UAC 清单选项

             如果要更改 Windows 用户帐户控制级别，请用以下节点之一替换

             requestedExecutionLevel 节点。

         <requestedExecutionLevel  level="asInvoker" uiAccess="false" />

         <requestedExecutionLevel  level="requireAdministrator" uiAccess="false" />

         <requestedExecutionLevel  level="highestAvailable" uiAccess="false" />

             指定 requestedExecutionLevel 节点将会禁用文件和注册表虚拟化。

             如果要利用文件和注册表虚拟化实现向后

             兼容性，则删除 requestedExecutionLevel 节点。

         -->

         <requestedExecutionLevel level="asInvoker" uiAccess="false" />

       </requestedPrivileges>

       <applicationRequestMinimum>

         <defaultAssemblyRequest permissionSetReference="Custom" />

         <PermissionSet class="System.Security.PermissionSet" version="" Unrestricted="true" ID="Custom" SameSite="site" />

       </applicationRequestMinimum>

     </security>

   </trustInfo>

   <compatibility xmlns="urn:schemas-microsoft-com:compatibility.v1">

     <application>

       <!-- 此应用程序设计使用的所有 Windows 版本的列表。Windows 将会自动选择最兼容的环境。-->

       <!-- 如果应用程序设计使用 Windows ，请取消注释以下 supportedOS 节点-->

       <!--<supportedOS Id="{35138b9a-5d96-4fbd-8e2d-a2440225f93a}"/>-->

     </application>

   </compatibility>

   <!-- 启用 Windows 公共控件和对话框的主题(Windows XP 和更高版本) -->

   <!-- <dependency>

     <dependentAssembly>

       <assemblyIdentity

           type="win32"

           name="Microsoft.Windows.Common-Controls"

           version="6.0.0.0"

           processorArchitecture="*"

           publicKeyToken="6595b64144ccf1df"

           language="*"

         />

     </dependentAssembly>

   </dependency>-->

 </asmv1:assembly>

Echarts+WPF的更多相关文章

WPF仿百度Echarts人口迁移图
GitHub地址:https://github.com/ptddqr/wpf-echarts-map/tree/master 关于大名鼎鼎的百度Echarts我就不多说了不了解的朋友直接看官方的例子 ...
在WPF中嵌入WebBrowser可视化页面
无论是哪种C/S技术,涉及数据可视化就非常的累赘了,当然大神也一定有,只不过面向大多数人,还是通过网页来实现,有的时候不想把这两个功能分开,一般会是客户的原因,所以我们打算在WPF中嵌入WebBrow ...
.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5
.NET 5 尝鲜 - 开源项目TerminalMACS WPF管理端支持.NET 5 一个使用 Prism 作为模块化框架.基于多个开源控件库作为UI控件选择.集成开源 UI 界面设计的 .NET ...
一起来玩echarts系列（一）------箱线图的分析与绘制
一.箱线图 Box-plot 箱线图一般被用作显示数据分散情况.具体是计算一组数据的中位数.25%分位数.75%分位数.上边界.下边界,来将数据从大到小排列,直观展示数据整体的分布情况. 大部分正常数 ...
在WPF中使用依赖注入的方式创建视图
在WPF中使用依赖注入的方式创建视图 0x00 问题的产生互联网时代桌面开发真是越来越少了,很多应用都转到了浏览器端和移动智能终端,相应的软件开发上的新技术应用到桌面开发的文章也很少.我之前主要做W ...
MVVM框架从WPF移植到UWP遇到的问题和解决方法
MVVM框架从WPF移植到UWP遇到的问题和解决方法 0x00 起因这几天开始学习UWP了,之前有WPF经验,所以总体感觉还可以,看了一些基础概念和主题,写了几个测试程序,突然想起来了前一段时间在W ...
MVVM模式解析和在WPF中的实现（六）用依赖注入的方式配置ViewModel并注册消息
MVVM模式解析和在WPF中的实现(六) 用依赖注入的方式配置ViewModel并注册消息系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二 ...
MVVM模式解析和在WPF中的实现（五）View和ViewModel的通信
MVVM模式解析和在WPF中的实现(五) View和ViewModel的通信系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 M ...
MVVM设计模式和WPF中的实现（四）事件绑定
MVVM设计模式和在WPF中的实现(四) 事件绑定系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...

随机推荐

Windows10 官方原版镜像下载途径 Label:win10解决方案
https://www.microsoft.com/en-gb/software-download/windows10ISO 设置浏览标签为手机以避免跳转,下载即可或者手机打开该网址,获取下载链接 ...
sublime text3 自动编译php 适合用于简单的php文件执行
1.将php路径放入环境变量中 2. 点击 sublime_text的“工具”->"编译系统"->"编译新系统" { "cmd" ...
gcc及其选项详解
1.简介: gcc是gnu旗舰产品,目前基本上就是和unix捆绑在一起分发的.这个东西功能强大,但是有多达上千个选项,其用户手册也有将近一万行.虽然其中的多数选项平时很少用到.但是不管装软件还是写程序 ...
matlab神经网络工具箱创建神经网络
为了看懂师兄的文章中使用的方法,研究了一下神经网络昨天花了一天的时间查怎么写程序,但是费了半天劲,不能运行,百度知道里倒是有一个,可以运行的,先贴着做标本 % 生成训练样本集 clear all; ...
VC++使用TCHAR
#ifdef _UNICODE #define tcout wcout #define tcin wcin #else #define tcout cout #define tcin cin #end ...
Py修行路 python基础（五）三元运算字符编码元组集合三级菜单优化！
三元运算条件判断不能加冒号: a=3 b=5 c=a if a<b else b oct() 转成八进制的简写:16进制标志:BH为后缀或是0x为前缀hex() 转成16进制元组跟列表是 ...
Python多线程-生产者消费者模型
用多线程和队列来实现生产者消费者模型 # -*- coding:utf-8 -*- __author__ = "MuT6 Sch01aR" import threading imp ...
selenium 对浏览器的操控 java
driver.navigate().back(); 后退 driver.navigate().forward(); 前进 driver.navigate().refresh(); 刷 ...
MongDB安装使用
4.MongoDB 下载 MongoDB 提供了可用于 32 位和 64 位系统的预编译二进制包,你可以从MongoDB官网下载安装,MongoDB 预编译二进制包下载地址:https://www.m ...
$().each和$.each()
$().each 在dom处理上面用的较多.如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如: $(“input[name=’ch’]” ...

Echarts+WPF

Echarts+WPF的更多相关文章

随机推荐

热门专题