公司产品因为业务发展,出现了一个新的需求:需要去实现知识库的层级知识展示,展示效果通过树图来实现,具体的展示形式可见下图: 其中有几个需要注意点: 节点上的详情icon可以点击,点击展开关闭详情 节点后的伸缩icon在伸缩状态下需要显示当前节点的子节点个数 这个效果有点类似xmind的交互效果了,但是树的节点不论是样式还是点击事件都被高度定制了,在这种情况下基于配置的Echarts们就无用武之地了,我们只能利用更加底层的G6图表引擎去实现. 具体如何安装G6可以参见G6的文档,下面仅仅是选用文档…

项目地址 xmind 基于go语言的xmind接口 使用方法参考: example 本库主要加载xmind文件为json结构,保存文件时也用的json结构而不是xml结构 本库只做了最基本的主题添加功能,类似标签/备注/图片等其他功能不考虑,有想法的自行实现 本库做了通用加载和通用保存方法,可以更灵活的与其他思维导图进行转换 参考: custom_test 示例 自定义json数据创建xmind package main import ( "github.com/jan-bar/xmind&qu…

今天抽出一点点时间来造一个小轮子,是关于定时任务这块的. 这篇文章主要从一下几点介绍: 创建数据库管理表 创建web项目 引入quarzt nuget 包 写具体配置操作,实现定时任务处理 第一步:创建一个空web项目,引入quarzt nuget 包 创建TB.AspNetCore.Quartz web项目和TB.AspNetCore.Data 类库,在web项目中引入Quartz nuget包 第二部:数据库创建一张管理表 -- ---------------------------- --…

使用场景 1.也就是大家经常用的,一般是图片的4个角落,基于横纵坐标来添加. 2.在图片内基于固定位置,文字始终居中.刚开始我基于第一种场景来根据水印汉字的长度来计算坐标,后来发现方法始终不可靠.现在是先在图片固定区域(水印区域)画一个矩形,然后再矩形内添加水印汉字,并使用画刷保持文字居中. 场景一效果 场景二效果 场景一添加水印方法 static void addWatermarkText(Graphics picture,int fontsize, string _watermarkText…

Viser 一个基于 G2 实现的,为数据可视化工程师量身定制的工具. Viser-Graph 一个基于 G6 实现的,为呈现关系型数据的定制化工具. Mode 是 G6 提供的图上事件的管理机制. 用户仅需定义好几种不同的状态,每个状态下的行为即可.当图功能状态发生变化,可以很方便的切换模式来切换具体交互. 一个 Mode 可能包含多个 behavior. Behavior指G6中的复合交互,一般Behavior包含一个或多个事件的监听与处理以及一系列对图中元素的操作.…

G6 学习资料 网址 G6 1.x API 文档 http://antvis.github.io/g6/doc/index.html 官方demo列表 https://github.com/antvis/g6/tree/dev3.0.0/demos 项目 GitHub 地址 https://github.com/antvis/g6 项目文档地址 https://www.yuque.com/antv/g6 G6 3.0 筑基 https://www.yuque.com/antv/blog/g6-3…

导读 G6 是 AntV 旗下的一款专业级图可视化引擎,它在高定制能力的基础上,提供简单.易用的接口以及一系列设计优雅的图可视化解决方案,是阿里经济体图可视化与图分析的基础设施.今年 AntV 11.22 品牌日,我们带来了新的 G6 3.2.0 版本.该版本着重改进了开发体验,增加了许多新元素和组件,并提供了更为高级的布局算法. 与此同时,我们发布一款基于 G6 引擎封装的.开箱即用的图可视化工具——Graphin,你只要对它进行简单配置,就可以迅速搭建起一个功能强大.样式美观的图可视化分析应…

要做一个全功能的绘图板,至少要支持以下这些功能: 支持铅笔绘图(画点) 支持画直线 支持一些简单的图形(矩形.圆形等) 做一个真正的橡皮擦 能设置画笔的粗细 能设置画笔的颜色 能设置背景色或者背景图 能支持撤消与重做 … 我们先做一些基础性的工作,比如创建工程. 工程搭建 先创建一个Single View Application 工程: 语言选择Swift: 为了最大程度的利用屏幕区域,我们完全隐藏掉状态栏,在Info.plist里修改或添加这两个参数: 然后进入到Main.storyboard…

许久没写博客了,最近在研究WPF下气泡的画法,研发过程还是比较艰辛的(主要是复习了高中的数学知识,MMP全忘光了),这篇博客主要是提供一个思路给大家参考,如果有大神还有更好的解决方案可以不吝您的言论尽情留言.拿个这个类型的功能项目,首先分析可以假设气泡是由:椭圆/矩形/圆(椭圆的特例)和三角形组成,OK首先分步骤介绍研发步骤: 第一:首先我的所有的图形都是基于矩阵画出来的,坐标轴起点是(0,0),假设一个拖拉点DynamicPoint (x,y),和一个固定点FixedPoint (m,n);由…

基于上一个安装部署的文档后(ELASTIC 5.2部署并收集nginx日志) http://www.cnblogs.com/kerwinC/p/6387073.html 本次带来一些使用的分享. kibana基于geoip数据库绘制地图. postman插件定制mapping并根据mapping新建索引. 假设你已经像我上个博客一样收集好了日志信息.当你开心的向领导邀功时,领导又来需求了. “日志收集的很棒,但我想要更直观的展示,给我基于数据画一些图,做一些报表吧!” 没问题!接下来我们一起使用…