WPF 加载 html中的highcharts 图表

这篇博客介绍了如何在WPF应用中加载并显示含有Highcharts图表的HTML页面。通过模拟HTML页面、本地化Highcharts支持文件、设置WPF组件以及将JS和HTML文件嵌入程序,成功实现在WPF中展示highmaps图表。尽管这种方式可能导致js和html文件暴露,但提供了展示Highcharts图表的有效途径。
摘要由CSDN通过智能技术生成

Html页面中存在着 Highcharts 图表,将这些图表在WPF中显示出来,也是非常有意义的一件事。经过实践得以实现,效果如下:在这里插入图片描述在这里插入图片描述
在这里插入图片描述

以下以实现 highmaps 为例进行说明

Step 1 模拟一个html页面

Live.html代码如下,可以看出,最关键的是2个文件,一个支持文件highmaps.js,一个地图文件china.js,图形将显示在 container 容器中

<div id="container" ></div>
<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div id="container" style="height:450px;"></div>
    <script src="https://img.hcharts.cn/highmaps/highmaps.js"></script>
    <script src="https://data.jianshukeji.com/geochina/china.js"></script>
    <script>
        var mapdata = Highcharts.maps['cn/china'];

        var data = [{
   
之前三此发的库http://download.csdn.net/detail/maiker/9621027可以作废,本次为最新的,其测试了历史曲线的动态显示,这是对Microsoft WpfToolkit的更新和扩展: 1、将库版本升级到.NET 4.6.1,对命名控件进行了替换处理 2、实现了单数据Chart图的混合颜色显示,可通过修改资源字典调整和添加颜色 3、可控制各种Chart图形的数据值显示 4、坐标轴文本可倾斜显示 5、添加了StepLine图和圆环图,圆环半径比例系数可设定,同时添加了饼图的半径比系数,这样可以更好的控制饼图的标签显示,避免重叠 6、Legend可位于区域四侧,对齐方式也可以设定,以及是否显示, 可控制Chart Title是否显示 7、柱状图缝隙间隔可调整 8、全方面的加入了各种加载动画效果,动画效果可屏蔽,同时原系统自带动画效果,可叠加,这是两种不同的效果,可以互补性的单个使用 9、设计了四种主题颜色,各人可以针对图形颜色和背景色进行更好的搭配,在用户项目,可以自己添加新的主题。 10、扩展了时间轴的应用,在新的DateTimeChart可以通过鼠标平移和缩放时间轴,并测试了两个例子用于动态显示历史曲线,一个是外部定时更新,一个是内部定时更新 11、对LineDataPoint样式进行了设计,现在可以选择线图的点样式(如空心圆、五角星、三角形,矩形等),同时这些不同的点样式可以体现在Legend上,从而实现颜色和图形的双重区分。 总而言之,微软的控件库做得很标准,还是很好修改的。 最后一直想在历史曲线取消点动画(及默认的透明度动画),以便提高执行效率,但微软的那部分动画不熟,总是修改失败。 可以发邮件wuyang26@live.cn讨论。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值