WPF 加载 html中的highcharts 图表
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 = [{