国产睡熟迷奷白丝护士系列精品,中文色字幕网站,免费h网站在线观看的,亚洲开心激情在线

      <sup id="hb9fh"></sup>
          1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

            手機站
            千鋒教育

            千鋒學習站 | 隨時隨地免費學

            千鋒教育

            掃一掃進入千鋒手機站

            領(lǐng)取全套視頻
            千鋒教育

            關(guān)注千鋒學習站小程序
            隨時隨地免費學習課程

            當前位置:首頁  >  技術(shù)干貨  > 詳解echarts雷達圖

            詳解echarts雷達圖

            來源:千鋒教育
            發(fā)布人:xqq
            時間: 2023-11-21 23:34:19 1700580859

            接下來,需要配置雷達圖的數(shù)據(jù)信息

            
                
                    // 配置雷達圖的數(shù)據(jù)
                    var option = {
                        title: {
                            text: 'echarts雷達圖示例'
                        },
                        tooltip: {},
                        legend: {
                            data:['預算分配','實際開銷']
                        },
                        radar: {
                            // 雷達圖坐標系組件
                            indicator: [
                                { name: '銷售', max: 6500},
                                { name: '管理', max: 16000},
                                { name: '信息技術(shù)', max: 30000},
                                { name: '客服', max: 38000},
                                { name: '研發(fā)', max: 52000},
                                { name: '市場', max: 25000}
                            ]
                        },
                        series: [{
                            name: '預算 vs 開銷(Allocated Budget vs Actual Spending)',
                            type: 'radar',
                            // 數(shù)據(jù)
                            data: [
                                {
                                    value: [4300, 10000, 28000, 35000, 50000, 19000],
                                    name: '預算分配',
                                    // 單個數(shù)據(jù)項的樣式配置
                                    itemStyle: {color: '#104E8B'}
                                },
                                {
                                    value: [5000, 14000, 28000, 31000, 42000, 21000],
                                    name: '實際開銷',
                                    // 單個數(shù)據(jù)項的樣式配置
                                    itemStyle: {color: '#00FF00'}
                                }
                            ]
                        }]
                    };
            
                    // 使用剛指定的配置項和數(shù)據(jù)顯示圖表
                    myChart.setOption(option);
                
            

            這樣我們就成功創(chuàng)建了一個雷達圖,可以根據(jù)所需的數(shù)據(jù)進行修改配置,以展現(xiàn)不同效果。

            聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
            10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
            請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
            免費領(lǐng)取
            今日已有369人領(lǐng)取成功
            劉同學 138****2860 剛剛成功領(lǐng)取
            王同學 131****2015 剛剛成功領(lǐng)取
            張同學 133****4652 剛剛成功領(lǐng)取
            李同學 135****8607 剛剛成功領(lǐng)取
            楊同學 132****5667 剛剛成功領(lǐng)取
            岳同學 134****6652 剛剛成功領(lǐng)取
            梁同學 157****2950 剛剛成功領(lǐng)取
            劉同學 189****1015 剛剛成功領(lǐng)取
            張同學 155****4678 剛剛成功領(lǐng)取
            鄒同學 139****2907 剛剛成功領(lǐng)取
            董同學 138****2867 剛剛成功領(lǐng)取
            周同學 136****3602 剛剛成功領(lǐng)取
            相關(guān)推薦HOT