每天坐地铁,经常看地铁图,有一天突然想到,地铁图不也是一种拓扑结果吗?TWaver到底能与地铁图擦出怎样的火花呢?   想到就干,先到网上找幅参考图.各种风格的地铁图还挺多,甚至有大学生自主设计制作,受到地铁相关人士的认可和赞扬.不过看到他花了3周时间,我就比较同情他了,如果学会了TWaver,我保他连3天都不用就可以完成,而且还是纯矢量.可交互.有动态效果.无失真缩放的拓扑图.   我们就以上面这幅地铁图为模版来进行制作. 一.数据整理   俗话说兵马未动粮草先行,没有数据再好的创意也白搭.

一.对行高,列宽.单元格边框等的设置 这篇简短的文字对单元格的操作总结的比较全面,特此转载过来. private _Workbook _workBook = null; private Worksheet _workSheet = null; private Excel.Application _excelApplicatin = null; _excelApplicatin = new Excel.Application(); _excelApplicatin.Visible = true;

前言 : 前阵子看到同事的eclipse左边有虚线对齐.有点好奇~刚开始以为是装了神马插件, 于是百度了下, 貌似没有找着. 一怒之下,逗比了半个小时,终于探索出来了~~ 设置如下 : 点击configure visibility.把下面红色款的勾选去掉 效果如下 总结 : 探索,在从事IT的你,不可缺少的一种精神.当你成功之后,不仅会让你留下深刻的记忆,还能给你一点小成就感.哪怕是失败了,探索过程是很值得你拥有,因为你会发现其他的东西~~

前提: 我的Eclipse版本如下: 比这个版本新或者旧都可以实现如下效果. 实现步骤: 在代码上显示虚线设置有如下方法: 1.如果不使用插件,Eclipse是不支持虚线的,只能是横条的点状,效果如下: 配置如下: [Window]->[Preferences]->[General]->[Editors]->[Text Editors] 2.使用插件,一般是这个插件IndentGuide,可以谷歌搜索一下,效果如下所示: 先上官网下载插件包:https://sschaef.gith

在上一次介绍中已经实现了自定义控件,并把Widget 放入了主界面中,画了一个圆,具体可参考“QT 自定义窗口” 下面我们介绍一下如何设置画笔颜色和所画图形的填充颜色. 画笔颜色: void CircleWidget::paintEvent(QPaintEvent *event) { QPainter painter(this); //painter.setBrush(QBrush(QColor(0x00,0xFF,0x00))); //painter.drawEllipse(QPoint(10

添加了如下包:边框颜色要用到booktabs, colortbl, 包,下面代码里有一个自定义的颜色tabcolor \usepackage{ctexcap} \usepackage{graphicx} \usepackage{amsmath} \usepackage{amssymb} \usepackage{array} \usepackage{times,psfig,amsmath,subfigure} \usepackage{color} \usepackage{algorithm} \u

1. 改变点的大小 OpenGL中默认点的大小是1个像素,使用函数glPointSIze可以调整点的大小,入参是GLfloat,相当于是浮点数. 相关代码: void myDisplay(void) { //设置点的大小 glClear(GL_COLOR_BUFFER_BIT); glPointSize(5); //设置点的大小为5个像素 glColor4f(0,0,1,0); //设置颜色为蓝色 glBegin(GL_POINTS); //绘制点 glVertex2f(0,0); glVert

基本概念 TWaver HTML5(以下简称TWaver)使用HTML5技术和javascript语言,可在支持HTML5的浏览器上进行绘图. 使用TWaver前,需熟悉几个基本概念:图元(Element).容器(DataBox)和画布(Network). 图元:图形中的各种基本元素,如节点(Node).连线(Link)等: 容器:图元都统一放置在一个容器(DataBox)中进行管理,如同“装鸡蛋的篮子”一样.它负责图元的增/删/改/查等管理操作: 画布:图元最终都绘制在画布(Network)组

应客户需求写个Demo,Demo中包括一些经常使用的功能.包括解析JSON数据生成TWaver中的网元和连线.网元右下角带上不同标识的小图标,连线须要是二次曲线.弹出菜单和信息板.跟大家分享下.先上图让大家看看效果(大家在学习的同一时候,是否能发现这次Demo有所不同) 解析JSON数据生成TWaver中的网元和连线 以下是Demo中用到的JSON数据格式例子 1 var topo_data = [ 2     {"element": "node", "n

1.设置文本域的字体 <TEXTAREA STYLE="font-size:9pt;font-family:verdana;color:#333333">输入内容</textarea> 2.设置文本域的背景色 <TEXTAREA STYLE="background-color:white;">输入内容</textarea> 3.文本域的虚线边框设置 <TEXTAREA STYLE="border:1px

概述 数据元素是数据模型的基本要素,用于描述图形网元,业务网元,或者纯数据.TWaver HTML5中所有数据元素都继承自twaver.Data.为不同功能的需求,预定义了三类数据类型:twaver.Element,twaver.Alarm,twaver.Layer,分别用来描述拓扑的网元,告警和图层.其中拓扑网元扩展定义了十几种网元类型,用以描述丰富的拓扑网元特性,其中最常用的几类拓扑网元包括:Node.Link.Group.SubNetwork.Grid等,TWaver中网元的继承关系如下图

上次文章虽然简单易懂,但很有些小伙伴不满意:你这TWaver和EasyUI结合,只不过生硬地把TWaver图形插进去了,数据和人家EasyUI没一毛钱关系.嘿嘿,不就是想发生关系嘛,没问题啊!咱就还用原来的EasyUI的代码,看看怎么把它表格中的数据用拓扑的方式显示出来. 在本机发布web程序 这次再干咱要有新路,不能再把数据写到代码里了,乱乱乎乎的很不专业,必须原汁原味就用json文件.别小看这一改变,需要在本机搭建服务器,要是原来没接触还真得忙活一阵子.不过这些工作可不白做,那是玩网页开发的

TWaver是一款强大的图形界面开发组件,可以很方便地集成到其他开发工具中.今天就用一个小例子来操练如何结合TWaver和EasyUI进行网页开发. 准备工作 俗话说他山之玉可以直接拿来,EasyUI的小程序我们直接到其网站上拿一个就好啦,我一眼相中了下图这个有布局.有表格的小例子,咱们就来看看怎么通过添加twaver将其变得图表结合内容丰满. 首先下载配置EasyUI相关文件,复制并运行例子源码————噫?怎么结果与网站上并不太一样,表格中的数据没有了!仔细看看可知数据来源于'datagrid

canvas设置线条样式 合法属性和方法 lineWidth = value 设置线宽 lineCap = type 设置线端点样式 lineJoin = type 设置线交合处样式 setLineDash(segments) 设置虚线 lineDashOffset = value 设置虚线偏移 设置线宽 const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); ctx.lineW

1.设置文本域的字体 <TEXTAREA STYLE="font-size:9pt;font-family:verdana;color:#333333">输入内容</textarea> 2.设置文本域的背景色 <TEXTAREA STYLE="background-color:white;">输入内容</textarea> 3.文本域的虚线边框设置 <TEXTAREA STYLE="border:1px

#!/usr/bin/env python# -*- coding:utf-8 -*- import os import numpy as npimport matplotlib as mpltfrom matplotlib import pyplot as pltfrom matplotlib.ticker import * # 整个图像为1个figure对象,figure对象包含多个Axes对象,每个Axes对象都拥有自己坐标轴的绘图区域# 调用figure时,则调用plot,然后plot调

#!/usr/bin/env python# -*- coding:utf-8 -*- import os import pylab as pyimport numpy as npfrom matplotlib import pyplot as pltimport matplotlib as mplt # matplotlib.get_config() 获取当前配置# 用户matplotlib配置文件路径path=mplt.get_configdir()print(path) # 当前matpl

demo实例参考:  <link rel="STYLESHEET" type="text/css" href="css/dhtmlXTree.css"> <script src="js/dhtmlXCommon.js"></script> <script src="js/dhtmlXTree.js"></script> <td valign=

转眼间春节假期已经过完,作为一个职业的程序猿,不知道大家有没有这样的感觉,一天不碰电脑,总觉得生活少点什么.今天是春节后上班的第三天,给大家分享一下我们前段时间的一个需求,需求是这样的:界面中的网元分为不同的域,比如一级域,二级域,三级域,….N级域,而且不同域之间会有连线.对于这个需求,按照常规的想法,使用group岂不是很简单,一级域是一个group,二级域也是一个group,二级域的group是一级域的父亲,以此类推.但是这样有个问题,如果域比较多,会造成group的过度嵌套,界面中gro

描述 本例展示了如果删除缩放等级滑动器的刻度线.通过设置esriConfig里的sliderLabel为null来实现: esriConfig.defaults.map.sliderLabel = null; 默认情况下,缩放等级滑动器是垂直方向的.可以通过设置滑动器的高度属性为null来使滑动器改为水平方向. esriConfig.defaults.map.slider = { right:"10px", bottom:"10px", width:"20