知识图谱怎么做(知识图谱软件)万万没想到

2023-09-09Aix XinLe

记录了自己做绘制知识图谱小工具的过程。

前几天，在《记录一次自己准备汇报的过程》中，提到我用 C# 语言做了一个封装 Echarts 的用户控件，今天系里一位老师，让我帮忙绘制一下这幅图表。

img01 原始图表于是，我继续对 Echarts 中的关系图进行封装，绘制之后的图表如下所示：

img02 顶点表

img03 边表

img04 图表1

img05 图表2后面两幅图是根据顶点表和边表构造而成的根据内容应该是有关于概率与数理统计课程的知识图谱下面是我学习线性代数组建的知识图谱，有关知识图谱的知识以及具体应用，我会在后面来介绍

img06 线性代数的知识图谱

img07 线性代数的知识图谱下面介绍一下封装 Echarts 的大体思路：首先，我们来看看 Echarts 官方给的引用 Eharts 的方法

charset="utf-8">ECharts

>

type="text/javascript">// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById(main

));// 指定图表的配置项和数据var option = {title: {text: ECharts 入门示例 },tooltip: {},legend: {data:[销量]

},xAxis: {data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] },yAxis: {},series: [{name:

销量,type: bar,data: [5, 20, 36, 10, 10, 20] }] };// 使用刚指定的配置项和数据显示图表 myChart.setOption(option);。

从这个例子中，我们可以看到绘制图表最关键的就是构造option对象，然后把这个对象作为参数传给setOption()方法，这样根据option对象中配置的参数，如

title、legend、xAxis、yAxis、series等，就可以绘制相应的图表了而 C# 开发环境中有专门用来显示网页的 WebBrowser 控件，通过该控件的Navigate()方法，我们可以在该控件中打开对应位置的网页。

通过该控件的HtmlDocument属性可以得到代表当前网页的Document对象，通过该对象的InvokeScript()方法，可以执行该Document中包含的JavaScript代码//WebBrowser中的属性与方法。

publicvoidNavigate(string urlString);public HtmlDocument Document { get; }//HtmlDocument中的方法publicobject

InvokeScript(string scriptName, object[] args);有了这些知识储备，我们就可以在指定目录放置一个展示 Echarts 图表的网页（例如：echarts.html

），在里面写一个接收 option对象并给myChart.setOption(option)赋值的JavaScript函数（showChart(option)）就可以了网页部分的代码（echarts.html。

）：

>

href="./bootstrap/css/bootstrap.min.css" />

>

>var myChart = echarts.init(

document.getElementById(main));var option = {title: {text: ECharts 入门示例 },tooltip: {},legend

: {data: [销量] },xAxis: {data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"] },yAxis: {},

series: [{name: 销量,type: bar,data: [5, 20, 36, 10, 10, 20] }] }; myChart.setOption(option);

functionshowChart(option) { myChart.clear();var op =

JSON.parse(option); myChart.setOption(op); }functionsetPosition(height) {var divMain =

document.getElementById("main"); divMain.style.height = height + "px";window.onresize = myChart.resize();

}自定义控件部分的代码：publicpartialclassEcharts : UserControl{publicEcharts(){ InitializeComponent();

}publicobject Option { get; set; }privatebool _blnDocumentLoaded;publicvoidInitialECharts(){if (_blnDocumentLoaded)

{object[] objArray = newobject[1]; objArray[0] = this.Option; HtmlDocument htmlDocument = webBrowser1.Document;

if (htmlDocument != null) htmlDocument.InvokeScript("showChart", objArray); }else

{string strHtml = Application.StartupPath + @"\echarts.html";if (File.Exists(strHtml)) { webBrowser1.Navigate(strHtml);

} } }privatevoidwebBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e

){object[] objArray = newobject[1]; objArray[0] = Option; HtmlDocument htmlDocument = webBrowser1.Document;

if (htmlDocument != null) { htmlDocument.InvokeScript("showChart", objArray); objArray[

0] = Height; htmlDocument.InvokeScript("setPosition", objArray); _blnDocumentLoaded =

true; } }privatevoidwebBrowser1_SizeChanged(object sender, EventArgs e){if (_blnDocumentLoaded)

{object[] objArray = newobject[1]; objArray[0] = Height; HtmlDocument htmlDocument = webBrowser1.Document;

if (htmlDocument != null) htmlDocument.InvokeScript("setPosition", objArray); }

}}到此为止，这个封装 Echarts 的控件就做好了，至于如何利用 C# 语言生成option对象，即一个Json数据的方法，我在后面会为大家介绍，今天就到这里吧！See You！经过8年多的发展，LSGO软件技术团队在地理信息系统、数据统计分析、计算机视觉领域积累了丰富的研发经验，也建立了人才培养的完备体系。

欢迎对算法设计与实现感兴趣的同学加入，与我们共同成长进步。欢迎关注，请扫描二维码：