标签:需求 添加 aam 标准 自身 data- sample dem web
随着云计算时代的到来,由于Web技术的快速革新以及为了提供高质量的用户体验,数据可视化成为了前端技术发展的一大方向。为了解决这个问题,现如今涌现了很多优秀的第三方的javascript图形库,比如highcharts.js,echarts.js,d3.js,go.js…
var $ = go.GraphObject.make;
画图时,通过$调用gojs自身的属性和方法 , 完成节点和连线的绘制,attrs为图形对象属性。
var myDiagram = $( go.Diagram, "dom_id" , {attrs});
myDiagram.nodeTemplate = $( go.Node, "Auto", {attrs});
myDiagram.linkTemplate = $( go.link, {attrs});
2、构建数据模型 var dataModel = $(go.GraphLinksModel);
dataModel.nodeDataArray = [{},{}];
dataModel.linkDataArray = [{},{}];
myDiagram.model = dataModel;
3、图形对象属性绑定 new go.binding("strokeWidth","width");
4、添加交互行为 {mouseEnter:onNodeMouseEnter}
...
function onNodeMouseEnter(){
//do something
}
5、本地调试 npm install http-server
然后在项目主目录启动本地Web服务: 标签:需求 添加 aam 标准 自身 data- sample dem web
原文地址:http://www.cnblogs.com/rudylemon/p/6418468.html