123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192 |
- var SeriesModel = require("../../model/Series");
- var Tree = require("../../data/Tree");
- var _format = require("../../util/format");
- var encodeHTML = _format.encodeHTML;
- var Model = require("../../model/Model");
- var _default = SeriesModel.extend({
- type: 'series.tree',
- layoutInfo: null,
-
-
- layoutMode: 'box',
-
- getInitialData: function (option) {
-
- var root = {
- name: option.name,
- children: option.data
- };
- var leaves = option.leaves || {};
- var leavesModel = new Model(leaves, this, this.ecModel);
- var tree = Tree.createTree(root, this, beforeLink);
- function beforeLink(nodeData) {
- nodeData.wrapMethod('getItemModel', function (model, idx) {
- var node = tree.getNodeByDataIndex(idx);
- if (!node.children.length || !node.isExpand) {
- model.parentModel = leavesModel;
- }
- return model;
- });
- }
- var treeDepth = 0;
- tree.eachNode('preorder', function (node) {
- if (node.depth > treeDepth) {
- treeDepth = node.depth;
- }
- });
- var expandAndCollapse = option.expandAndCollapse;
- var expandTreeDepth = expandAndCollapse && option.initialTreeDepth >= 0 ? option.initialTreeDepth : treeDepth;
- tree.root.eachNode('preorder', function (node) {
- var item = node.hostTree.data.getRawDataItem(node.dataIndex);
- node.isExpand = item && item.collapsed != null ? !item.collapsed : node.depth <= expandTreeDepth;
- });
- return tree.data;
- },
-
- getOrient: function () {
- var orient = this.get('orient');
- if (orient === 'horizontal') {
- orient = 'LR';
- } else if (orient === 'vertical') {
- orient = 'TB';
- }
- return orient;
- },
- setZoom: function (zoom) {
- this.option.zoom = zoom;
- },
- setCenter: function (center) {
- this.option.center = center;
- },
-
- formatTooltip: function (dataIndex) {
- var tree = this.getData().tree;
- var realRoot = tree.root.children[0];
- var node = tree.getNodeByDataIndex(dataIndex);
- var value = node.getValue();
- var name = node.name;
- while (node && node !== realRoot) {
- name = node.parentNode.name + '.' + name;
- node = node.parentNode;
- }
- return encodeHTML(name + (isNaN(value) || value == null ? '' : ' : ' + value));
- },
- defaultOption: {
- zlevel: 0,
- z: 2,
- coordinateSystem: 'view',
-
- left: '12%',
- top: '12%',
- right: '12%',
- bottom: '12%',
-
- layout: 'orthogonal',
-
- edgeShape: 'curve',
- edgeForkPosition: '50%',
-
- roam: false,
-
- nodeScaleRatio: 0.4,
-
- center: null,
- zoom: 1,
-
-
- orient: 'LR',
- symbol: 'emptyCircle',
- symbolSize: 7,
- expandAndCollapse: true,
- initialTreeDepth: 2,
- lineStyle: {
- color: '#ccc',
- width: 1.5,
- curveness: 0.5
- },
- itemStyle: {
- color: 'lightsteelblue',
- borderColor: '#c23531',
- borderWidth: 1.5
- },
- label: {
- show: true,
- color: '#555'
- },
- leaves: {
- label: {
- show: true
- }
- },
- animationEasing: 'linear',
- animationDuration: 700,
- animationDurationUpdate: 1000
- }
- });
- module.exports = _default;
|