echarts实现树状图思维导图组织结构图效果代码
代码语言：html
所属分类：图表
代码描述：echarts实现树状图思维导图组织结构图效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
body {
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
}
a:link, a:visited {
color: #4682b4;
}
a:hover {
color: #4169e1;
}
#main {
width: 2100px;
height: 2400px;
border: 1px solid #ccc;
padding: 10px;
}
</style>
</head>
<body>
<div id="main"></div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/echarts-all.js"></script>
<script >
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
title: {
text: 'Ice Bucket Challenge' },
toolbox: {
show: true,
feature: {
mark: { show: true },
dataView: { show: true, readOnly: false },
restore: { show: true },
saveAsImage: { show: true } } },
series: [
{
name: 'Fig Tree',
type: 'tree',
orient: 'horizontal', // vertical horizontal
rootLocation: { x: 100, y: 'center' }, // 根节点位置 {x: 100, y: 'center'}
nodePadding: 8,
layerPadding: 200,
hoverable: false,
roam: true,
symbolSize: 6,
itemStyle: {
normal: {
color: '#4883b4',
label: {
show: true,
position: 'right',
formatter: "{b}",
textStyle: {
color: '#000',
fontSize: 12 } },
lineStyle: {
color: '#ccc',
type: 'curve' // 'curve'|'broken'|'solid'|'dotted'|'dashed'
} },
emphasis: {
color: '#4883b4',
label: {
show: false },
borderWidth: 0 } },
data: [{
"name": "Ice Bucket Challenge",
"children": [{
"name": "Liu Zuohu",
"children": [{
"name": "Zhou",
"children": [{
"name": "Ma" },
{
"name": "Xu Xiaoping",
"children": [{
"name": "Niu Wenwen",
"children": [{
"name": "Yao Jinbo",
"children": [{
"name": "Cai Wensheng" },
{
"name": "Cai" },
{
"name": "Wang Fei" }] },
{
"name": "Yangshou Bin",
"children": [{
"name": "All entrepreneurs" },
{
"name": "all investors" },
{
"name": "All of entrepreneurial services" }] },
{
"name": "Pu Yi" }] },
{
"name": "Luo Zhenyu",
"children": [{
"name": "Luo Ji thinking 25000 Member" }] },
{
"name": "Wong" }] },
{
"name": "Huang Zhang" }] },
{
"name": "Overheating" },
{
"name": "Liu Jiangfeng",
"children": [{
"name": "He just",
"children": [{
"name": "Xie Qingjiang" },
{
"name": "Wang Xiang" },
{
"name": "Wei Ai" }] },
{
"name": "Wang Yulei" }] }] },
{
"name": "Lei Jun",
"children": [{
"name": "Andy",
"children": [{
"name": "Lang Lang" },
{
"name": "Su Hua Wei" },
{
"name": "Jay",
"children": [{
"name": "Vincent Fang",
"children": [{
"name": "Giddens" },
{
"name": "Alan Kuo" }] },
{
"name": "Mayday",
"children": [{
"name": "Xie Jin Yan",
"children": [{
"name": "Zhao Hui Sin" },
{
"name": "Zhang Fei",
"children": [{
"name": "Little S" }] },
{
"name": "Aaron" }] },
{
"name": "Olivia" },
{
"name": "Takeshi Kaneshiro" }] }] }] },
{
"name": "Li",
"children": [{
"name": "Mr Yu" },
{
"name": "Pan Shiyi",
"children": [{
"name": "Ren" }] },
{
"name": "Tian Liang",
"children": [{
"name": "Wang Yuelun" },
{
"name": "Little Shenyang" },
{
"name": "Li Xiaopeng" }] }] },
{
"name": "Gou",
"children": [{
"name": "Son",
"children": [{
"name": "Miyasaka learning" }] },
{
"name": "Xiaoliang Sunney Xie" },
{
"name": "Lin Chi-ling" }] }] },
{
"name": "Koo",
"children": [{
"name": "Ma" },
{
"name": "Wang Changtian",
"children": [{
"name": "Deng Chao",
"children": [{
"name": "Yu browed",
"children": [{
"name": "Yao Chen",
"children": [{
"name": "Wu Xiubo" },
{
"name": "Daniel Wu" },
{
"name": "Honglei" }] },
{
"name": "Zhu Fangyu",
"children": [{
"name": "Wang Shipeng",
"children": [{
"name": "Yi Jianlian" }] }] },
{
"name": "Liang Chao" }] }] },
{
"name": "Liu Yifei" },
{
"name": "Liu with" }] }] },
{
"name": "Zhu Ting",
"children": [{
"name": "Zhang Yaokun",
"children": [{
"name": "Jiang Ning" },
{
"name": "Tang Miao" }] },
{
"name": "Zhou Haibin",
"children": [{
"name": "Wang Song",
"children": [{
"name": "Cai Yun" },
{
"name": "Lee Yi Feng" },
{
"name": "Wang Tao" }] },
{
"name": "Shao" },
{
"name": "Gaudi",
"children": [{
"name": "Moreno" },
{
"name": "Enrique" },
{
"name": "Paul" }] }] },
{
"name": "Little Yan Chuang" }] },
{
"name": "Zheng Lu",
"children": [{
"name": "Ka",
"children": [{
"name": "Dong Chengpeng",
"children": [{
"name": "Iraq a",
"children": [{
"name": "Xu Song" },
{
"name": "pay simbo" },
{
"name": "Hong Chen" }] },
{
"name": "Wong Cho Lam",
"children": [{
"name": "Ivana" },
{
"name": "Leanne",
"children": [{
"name": "Song Hee Year" },
{
"name": "Linda Chung" },
{
"name": "Macy Chan" }] },
{
"name": "Jia Ling" }] },
{
"name": "off white",
"children": [{
"name": "Sheng Yu",
"children": [{
"name": "evil child" },
{
"name": "Du Haitao" },
{
"name": "Wang Han" }] },
{
"name": "faction Specter" },
{
"name": "thank God",
"children": [{
"name": "C-BLOCK chubby" },
{
"name": "Fan Yuancheng" },
{
"name": "Mike Sui",
"children": [{
"name": "Godfrey" },
{
"name": "Jingle Ma" }] }] }] }] },
{
"name": "Yi Jianlian, Li Ai, JiangYingRong" }] },
{
"name": "Kevin Han" }] },
{
"name": "Shu Dewei",
"children": [{
"name": "Yao Ming" },
{
"name": "NBA China staff" }] },
{
"name": "Ye propylene into",
"children": [{
"name": "The Joe Zhai" },
{
"name": "Ji Xiaohua",
"children": [{
"name": "Sicong",
"children": [{
"name": "Easy to revitalize",
"children": [{
"name": "Xu Lei" },
{
"name": "Tong Dawei",
"children": [{
"name": "Meng non",
"children": [{
"name": "Guo Degang",
"children": [{
"name": "Yu Qian" }] },
{
"name": "Huang",
"children": [{
"name": "ZhangLinPeng",
"children": [{
"name": "Huang Bowen" },
{
"name": "Shuai" }] },
{
"name": "Gao Lin",
"children": [{
"name": "Jianhong" },
{
"name": "Li Weifeng" }] }] }] },
{
"name": "Kun" },
{
"name": "AKB48" }] },
{
"name": "Wu Xinhong",
"children": [{
"name": "Jia Nailiang" },
{
"name": "Lu Lu" },
{
"name": "angelababy" }] }] },
{
"name": "Lin update",
"children": [{
"name": "Chao" },
{
"name": "Tong Liya" },
{
"name": "AngelaBaby" }] },
{
"name": "Liu Jun" }] },
{
"name": "Wei Kunlin",
"children": [{
"name": "Chi Perceived" },
{
"name": "Li Miao" },
{
"name": "Jiang Zhenyu" }] },
{
"name": "Liu Chengcheng",
"children": [{
"name": "Zhang Ying" },
{
"name": "King freely",
"children": [{
"name": "Liu Xiang" },
{
"name": "Wu" },
{
"name": "Fu Sheng" }] },
{
"name": "Wang Feng" }] }] }] },
{
"name": "Xiao on agriculture",
"children": [{
"name": "Chen Lin",
"children": [{
"name": "Ko Wen-je",
"children": [{
"name": "Jaw" },
{
"name": "Wei Te-sheng" },
{
"name": "Guo dry" }] },
{
"name": "straight text",
"children": [{
"name": "Hau",
"children": [{
"name": "Luc Besson" },
{
"name": "Hu" },
{
"name": "Wen-Ta Chiu" }] },
{
"name": "Chu" },
{
"name": "Wu Se-hwa" }] },
{
"name": "Kuan Chung-ming",
"children": [{
"name": "Woody Duh" },
{
"name": "Chen Bao-ji" },
{
"name": "Yang Panchi" }] }] },
{
"name": "Chen Sulan",
"children": [{
"name": "Yen",
"children": [{
"name": "Zhan Hongzhi",
"children": [{
"name": "Niu Ze" },
{
"name": "Jonathan Lee" },
{
"name": "He Feipeng" }] },
{
"name": "Chen Qingxiang",
"children": [{
"name": "Can a Yellow Sun" },
{
"name": "Huang Shenghua" },
{
"name": "Wu Qi liter" }] }] }] },
{
"name": "Cai herders" }] },
{
"name": "Jeremy Lin",
"children": [{
"name": "Landry - Fields" },
{
"name": "Parsons" }] },
{
"name": "Wang Meng",
"children": [{
.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0