echarts太陽分布圖-餅圖來回穿梭

js部分

var dom = document.getElementById("container");

var myChart = echarts.init(dom);

var app = {};

option = null;

var data = [

? ? {name: 'Flora',itemStyle: {color: '#da0d68'},children: [

? ? ? ? {name: 'Black Tea',value: 1,itemStyle: {color: '#975e6d'}},

? ? ? ? {name: 'Floral',itemStyle: {color: '#e0719c'},children: [

? ? ? ? ? ? {name: 'Chamomile',value: 1,itemStyle: {color: '#f99e1c'}},

? ? ? ? ? ? {name: 'Rose',value: 1,itemStyle: {color: '#ef5a78'}},

? ? ? ? ? ? {name: 'Jasmine',value: 1,itemStyle: {color: '#f7f1bd'}}]

? ? ? ? }]

? ? },

? ? {name: 'Fruity',itemStyle: {color: '#da1d23'},children: [

? ? ? ? {name: 'Berry',itemStyle: {color: '#dd4c51'},children: [

? ? ? ? ? ? {name: 'Blackberry',value: 1,itemStyle: {color: '#3e0317'}},

? ? ? ? ? ? {name: 'Raspberry',value: 1,itemStyle: {color: '#e62969'}},

? ? ? ? ? ? {name: 'Blueberry',value: 1,itemStyle: {color: '#6569b0'}},

? ? ? ? ? ? {name: 'Strawberry',value: 1,itemStyle: {color: '#ef2d36'}}

? ? ? ? ]},

? ? ? ? {name: 'Dried Fruit',itemStyle: {color: '#c94a44'},children: [

? ? ? ? ? ? {name: 'Raisin',value: 1,itemStyle: {color: '#b53b54'}},

? ? ? ? ? ? {name: 'Prune',value: 1,itemStyle: {color: '#a5446f'}}

? ? ? ? ]},

? ? ? ? {name: 'Other Fruit',itemStyle: {color: '#dd4c51'},children: [

? ? ? ? ? ? {name: 'Coconut',value: 1,itemStyle: {color: '#f2684b'}},

? ? ? ? ? ? {name: 'Cherry',value: 1,itemStyle: {color: '#e73451'}},

? ? ? ? ? ? {name: 'Pomegranate',value: 1,itemStyle: {color: '#e65656'}},

? ? ? ? ? ? {name: 'Pineapple',value: 1,itemStyle: {color: '#f89a1c'}},

? ? ? ? ? ? {name: 'Grape',value: 1,itemStyle: {color: '#aeb92c'}},

? ? ? ? ? ? {name: 'Apple',value: 1,itemStyle: {color: '#4eb849'}},

? ? ? ? ? ? {name: 'Peach',value: 1,itemStyle: {color: '#f68a5c'}},

? ? ? ? ? ? {name: 'Pear',value: 1,itemStyle: {color: '#baa635'}}

? ? ? ? ]},

? ? ? ? {name: 'Citrus Fruit',itemStyle: {color: '#f7a128'},children: [

? ? ? ? ? ? {name: 'Grapefruit',value: 1,itemStyle: {color: '#f26355'}},

? ? ? ? ? ? {name: 'Orange',value: 1,itemStyle: {color: '#e2631e'}},

? ? ? ? ? ? {name: 'Lemon',value: 1,itemStyle: {color: '#fde404'}},

? ? ? ? ? ? {name: 'Lime',value: 1,itemStyle: {color: '#7eb138'}}

? ? ? ? ]}

? ? ]},

? ? {name: 'Sour/\nFermented',itemStyle: {color: '#ebb40f'},children: [

? ? ? ? {name: 'Sour',itemStyle: {color: '#e1c315'},children: [

? ? ? ? ? ? {name: 'Sour Aromatics',value: 1,itemStyle: {color: '#9ea718'}},

? ? ? ? ? ? {name: 'Acetic Acid',value: 1,itemStyle: {color: '#94a76f'}},

? ? ? ? ? ? {name: 'Butyric Acid',value: 1,itemStyle: {color: '#d0b24f'}},

? ? ? ? ? ? {name: 'Isovaleric Acid',value: 1,itemStyle: {color: '#8eb646'}},

? ? ? ? ? ? {name: 'Citric Acid',value: 1,itemStyle: {color: '#faef07'}},

? ? ? ? ? ? {name: 'Malic Acid',value: 1,itemStyle: {color: '#c1ba07'}}

? ? ? ? ]},

? ? ? ? {name: 'Alcohol/\nFremented',itemStyle: {color: '#b09733'},children: [

? ? ? ? ? ? {name: 'Winey',value: 1,itemStyle: {color: '#8f1c53'}},

? ? ? ? ? ? {name: 'Whiskey',value: 1,itemStyle: {color: '#b34039'}},

? ? ? ? ? ? {name: 'Fremented',value: 1,itemStyle: {color: '#ba9232'}},

? ? ? ? ? ? {name: 'Overripe',value: 1,itemStyle: {color: '#8b6439'}}

? ? ? ? ]}

? ? ]},

? ? {name: 'Green/\nVegetative',itemStyle: {color: '#187a2f'},children: [

? ? ? ? {name: 'Olive Oil',value: 1,itemStyle: {color: '#a2b029'}},

? ? ? ? {name: 'Raw',value: 1,itemStyle: {color: '#718933'}},

? ? ? ? {name: 'Green/\nVegetative',itemStyle: {color: '#3aa255'},children: [

? ? ? ? ? ? {name: 'Under-ripe',value: 1,itemStyle: {color: '#a2bb2b'}},

? ? ? ? ? ? {name: 'Peapod',value: 1,itemStyle: {color: '#62aa3c'}},

? ? ? ? ? ? {name: 'Fresh',value: 1,itemStyle: {color: '#03a653'}},

? ? ? ? ? ? {name: 'Dark Green',value: 1,itemStyle: {color: '#038549'}},

? ? ? ? ? ? {name: 'Vegetative',value: 1,itemStyle: {color: '#28b44b'}},

? ? ? ? ? ? {name: 'Hay-like',value: 1,itemStyle: {color: '#a3a830'}},

? ? ? ? ? ? {name: 'Herb-like',value: 1,itemStyle: {color: '#7ac141'}}

? ? ? ? ]},

? ? ? ? {name: 'Beany',value: 1,itemStyle: {color: '#5e9a80'}}

? ? ]},

? ? {name: 'Other',itemStyle: {color: '#0aa3b5'},children: [

? ? ? ? {name: 'Papery/Musty',itemStyle: {color: '#9db2b7'},children: [

? ? ? ? ? ? {name: 'Stale',value: 1,itemStyle: {color: '#8b8c90'}},

? ? ? ? ? ? {name: 'Cardboard',value: 1,itemStyle: {color: '#beb276'}},

? ? ? ? ? ? {name: 'Papery',value: 1,itemStyle: {color: '#fefef4'}},

? ? ? ? ? ? {name: 'Woody',value: 1,itemStyle: {color: '#744e03'}},

? ? ? ? ? ? {name: 'Moldy/Damp',value: 1,itemStyle: {color: '#a3a36f'}},

? ? ? ? ? ? {name: 'Musty/Dusty',value: 1,itemStyle: {color: '#c9b583'}},

? ? ? ? ? ? {name: 'Musty/Earthy',value: 1,itemStyle: {color: '#978847'}},

? ? ? ? ? ? {name: 'Animalic',value: 1,itemStyle: {color: '#9d977f'}},

? ? ? ? ? ? {name: 'Meaty Brothy',value: 1,itemStyle: {color: '#cc7b6a'}},

? ? ? ? ? ? {name: 'Phenolic',value: 1,itemStyle: {color: '#db646a'}}

? ? ? ? ]},

? ? ? ? {name: 'Chemical',itemStyle: {color: '#76c0cb'},children: [

? ? ? ? ? ? {name: 'Bitter',value: 1,itemStyle: {color: '#80a89d'}},

? ? ? ? ? ? {name: 'Salty',value: 1,itemStyle: {color: '#def2fd'}},

? ? ? ? ? ? {name: 'Medicinal',value: 1,itemStyle: {color: '#7a9bae'}},

? ? ? ? ? ? {name: 'Petroleum',value: 1,itemStyle: {color: '#039fb8'}},

? ? ? ? ? ? {name: 'Skunky',value: 1,itemStyle: {color: '#5e777b'}},

? ? ? ? ? ? {name: 'Rubber',value: 1,itemStyle: {color: '#120c0c'}}

? ? ? ? ]}

? ? ]},

? ? {name: 'Roasted',itemStyle: {color: '#c94930'},children: [

? ? ? ? {name: 'Pipe Tobacco',value: 1,itemStyle: {color: '#caa465'}},

? ? ? ? {name: 'Tobacco',value: 1,itemStyle: {color: '#dfbd7e'}},

? ? ? ? {name: 'Burnt',itemStyle: {color: '#be8663'},children: [

? ? ? ? ? ? {name: 'Acrid',value: 1,itemStyle: {color: '#b9a449'}},

? ? ? ? ? ? {name: 'Ashy',value: 1,itemStyle: {color: '#899893'}},

? ? ? ? ? ? {name: 'Smoky',value: 1,itemStyle: {color: '#a1743b'}},

? ? ? ? ? ? {name: 'Brown, Roast',value: 1,itemStyle: {color: '#894810'}}

? ? ? ? ]},

? ? ? ? {name: 'Cereal',itemStyle: {color: '#ddaf61'},children: [

? ? ? ? ? ? {name: 'Grain',value: 1,itemStyle: {color: '#b7906f'}},

? ? ? ? ? ? {name: 'Malt',value: 1,itemStyle: {color: '#eb9d5f'}}

? ? ? ? ]}

? ? ]},

? ? {name: 'Spices',itemStyle: {color: '#ad213e'},children: [

? ? ? ? {name: 'Pungent',value: 1,itemStyle: {color: '#794752'}},

? ? ? ? {name: 'Pepper',value: 1,itemStyle: {color: '#cc3d41'}},

? ? ? ? {name: 'Brown Spice',itemStyle: {color: '#b14d57'},children: [

? ? ? ? ? ? {name: 'Anise',value: 1,itemStyle: {color: '#c78936'}},

? ? ? ? ? ? {name: 'Nutmeg',value: 1,itemStyle: {color: '#8c292c'}},

? ? ? ? ? ? {name: 'Cinnamon',value: 1,itemStyle: {color: '#e5762e'}},

? ? ? ? ? ? {name: 'Clove',value: 1,itemStyle: {color: '#a16c5a'}}

? ? ? ? ]}

? ? ]},

? ? {name: 'Nutty/\nCocoa',itemStyle: {color: '#a87b64'},children: [

? ? ? ? {name: 'Nutty',itemStyle: {color: '#c78869'},children: [

? ? ? ? ? ? {name: 'Peanuts',value: 1,itemStyle: {color: '#d4ad12'}},

? ? ? ? ? ? {name: 'Hazelnut',value: 1,itemStyle: {color: '#9d5433'}},

? ? ? ? ? ? {name: 'Almond',value: 1,itemStyle: {color: '#c89f83'}}

? ? ? ? ]},

? ? ? ? {name: 'Cocoa',itemStyle: {color: '#bb764c'},children: [

? ? ? ? ? ? {name: 'Chocolate',value: 1,itemStyle: {color: '#692a19'}},

? ? ? ? ? ? {name: 'Dark Chocolate',value: 1,itemStyle: {color: '#470604'}}

? ? ? ? ]}

? ? ]},

? ? {name: 'Sweet',itemStyle: {color: '#e65832'},children: [

? ? ? ? {name: 'Brown Sugar',itemStyle: {color: '#d45a59'},children: [

? ? ? ? ? ? {name: 'Molasses',value: 1,itemStyle: {color: '#310d0f'}},

? ? ? ? ? ? {name: 'Maple Syrup',value: 1,itemStyle: {color: '#ae341f'}},

? ? ? ? ? ? {name: 'Caramelized',value: 1,itemStyle: {color: '#d78823'}},

? ? ? ? ? ? {name: 'Honey',value: 1,itemStyle: {color: '#da5c1f'}}

? ? ? ? ]},

? ? ? ? {name: 'Vanilla',value: 1,itemStyle: {color: '#f89a80'}},

? ? ? ? {name: 'Vanillin',value: 1,itemStyle: {color: '#f37674'}},

? ? ? ? {name: 'Overall Sweet',value: 1,itemStyle: {color: '#e75b68'}},

? ? ? ? {name: 'Sweet Aromatics',value: 1,itemStyle: {color: '#d0545f'}}

? ? ]}

];

option = {

? ? title: {

? ? ? ? text: 'WORLD COFFEE RESEARCH SENSORY LEXICON',

? ? ? ? subtext: 'Source: https://worldcoffeeresearch.org/work/sensory-lexicon/',

? ? ? ? textStyle: {

? ? ? ? ? ? fontSize: 14,

? ? ? ? ? ? align: 'center'

? ? ? ? },

? ? ? ? subtextStyle: {

? ? ? ? ? ? align: 'center'

? ? ? ? },

? ? ? ? sublink: 'https://worldcoffeeresearch.org/work/sensory-lexicon/'

? ? },

? ? series: {

? ? ? ? type: 'sunburst',

? ? ? ? highlightPolicy: 'ancestor',

? ? ? ? data: data,

? ? ? ? radius: [0, '95%'],

? ? ? ? sort: null,

? ? ? ? levels: [{}, {

? ? ? ? ? ? r0: '15%',

? ? ? ? ? ? r: '35%',

? ? ? ? ? ? itemStyle: {

? ? ? ? ? ? ? ? borderWidth: 2

? ? ? ? ? ? },

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? rotate: 'tangential'

? ? ? ? ? ? }

? ? ? ? }, {

? ? ? ? ? ? r0: '35%',

? ? ? ? ? ? r: '70%',

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? align: 'right'

? ? ? ? ? ? }

? ? ? ? }, {

? ? ? ? ? ? r0: '70%',

? ? ? ? ? ? r: '73%',

? ? ? ? ? ? label: {

? ? ? ? ? ? ? ? position: 'outside',

? ? ? ? ? ? ? ? padding: 3,

? ? ? ? ? ? ? ? silent: false

? ? ? ? ? ? },

? ? ? ? ? ? itemStyle: {

? ? ? ? ? ? ? ? borderWidth: 3

? ? ? ? ? ? }

? ? ? ? }]

? ? }

};

;

if (option && typeof option === "object") {

? ? myChart.setOption(option, true);

}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市凝危，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖，帶你破解...
沈念sama閱讀 212,222評(píng)論 6贊 493
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件酬土，死亡現(xiàn)場離奇詭異嚎京，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)讶隐，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 90,455評(píng)論 3贊 385
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來久又，“玉大人巫延，你說我怎么就攤上這事∽阉铮” “怎么了烈评？”我有些...
開封第一講書人閱讀 157,720評(píng)論 0贊 348
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長犯建。經(jīng)常有香客問我讲冠，道長，這世上最難降的妖魔是什么适瓦？我笑而不...
開封第一講書人閱讀 56,568評(píng)論 1贊 284
?港島之戀（遺憾婚禮）
正文為了忘掉前任竿开，我火速辦了婚禮谱仪，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘否彩。我一直安慰自己疯攒，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 65,696評(píng)論 6贊 386
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布列荔。她就那樣靜靜地躺著敬尺，像睡著了一般。火紅的嫁衣襯著肌膚如雪贴浙。梳的紋絲不亂的頭發(fā)上砂吞，一...
開封第一講書人閱讀 49,879評(píng)論 1贊 290
城市分裂傳說
那天，我揣著相機(jī)與錄音崎溃，去河邊找鬼蜻直。笑死，一個(gè)胖子當(dāng)著我的面吹牛袁串，可吹牛的內(nèi)容都是我干的概而。我是一名探鬼主播，決...
沈念sama閱讀 39,028評(píng)論 3贊 409
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼囱修，長吁一口氣：“原來是場噩夢(mèng)啊……” “哼赎瑰！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起破镰，我...
開封第一講書人閱讀 37,773評(píng)論 0贊 268
萬榮殺人案實(shí)錄
序言：老撾萬榮一對(duì)情侶失蹤乡范，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后啤咽，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 44,220評(píng)論 1贊 303
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡渠脉，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 36,550評(píng)論 2贊 327
?白月光啟示錄
正文我和宋清朗相戀三年宇整，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片芋膘。...
茶點(diǎn)故事閱讀 38,697評(píng)論 1贊 341
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡鳞青，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出为朋，到底是詐尸還是另有隱情臂拓，我是刑警寧澤，帶...
沈念sama閱讀 34,360評(píng)論 4贊 332
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布习寸，位于F島的核電站胶惰，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏霞溪。R本人自食惡果不足惜孵滞，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 40,002評(píng)論 3贊 315
男人毒藥：我在死后第九天來索命
文/蒙蒙一中捆、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧坊饶，春花似錦泄伪、人聲如沸。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,782評(píng)論 0贊 21
一樁弒父案蟋滴，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽。三九已至痘绎，卻和暖如春津函，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背简逮。一陣腳步聲響...
開封第一講書人閱讀 32,010評(píng)論 1贊 266
情欲美人皮
我被黑心中介騙來泰國打工球散，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人散庶。一個(gè)月前我還...
沈念sama閱讀 46,433評(píng)論 2贊 360
代替公主和親
正文我出身青樓蕉堰，卻偏偏與公主長得像，于是被迫代替她去往敵國和親悲龟。傳聞我的和親對(duì)象是個(gè)殘疾皇子屋讶，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 43,587評(píng)論 2贊 350

echarts太陽分布圖-餅圖來回穿梭

js部分

推薦閱讀更多精彩內(nèi)容