和彩快三走势图—官方网址22270.COM鈥擡Charts 鏁版嵁鐨勮瑙夋槧灏

鏁版嵁鍙鍖栫畝鍗曟潵璁插氨鏄皢鏁版嵁鐢ㄥ浘琛ㄧ殑褰㈠紡鏉ュ睍绀猴紝涓撲笟鐨勮〃杈炬柟寮忓氨鏄暟鎹埌瑙嗚鍏冪礌鐨勬槧灏勮繃绋嬨

和彩快三走势图—官方网址22270.COM鈥擡Charts 鐨勬瘡绉嶅浘琛ㄦ湰韬氨鍐呯疆浜嗚繖绉嶆槧灏勮繃绋嬶紝鎴戜滑涔嬪墠瀛︿範鍒扮殑鏌卞舰鍥惧氨鏄皢鏁版嵁鏄犲皠鍒伴暱搴︺

姝ゅ锛尯筒士烊呤仆肌俜酵22270.COM鈥擡Charts 杩樻彁渚涗簡 visualMap 缁勪欢 鏉ユ彁渚涢氱敤鐨勮瑙夋槧灏勩倂isualMap 缁勪欢涓彲浠ヤ娇鐢ㄧ殑瑙嗚鍏冪礌鏈夛細

  • 鍥惧舰绫诲埆锛坰ymbol锛
  • 鍥惧舰澶у皬锛坰ymbolSize锛
  • 棰滆壊锛坈olor锛
  • 閫忔槑搴︼紙opacity锛
  • 棰滆壊閫忔槑搴︼紙colorAlpha锛
  • 棰滆壊鏄庢殫搴︼紙colorLightness锛
  • 棰滆壊楗卞拰搴︼紙colorSaturation锛
  • 鑹茶皟锛坈olorHue锛

鏁版嵁鍜岀淮搴

和彩快三走势图—官方网址22270.COM鈥擡Charts 涓殑鏁版嵁锛屼竴鑸瓨鏀句簬 series.data 涓

和彩快三走势图—官方网址22270.COM涓嶅悓鐨勫浘琛ㄧ被鍨嬶紝鏁版嵁鏍煎紡鏈夋墍涓嶄竴鏍凤紝浣嗘槸浠栦滑鐨勫叡鍚岀壒鐐瑰氨閮芥槸鏁版嵁椤癸紙dataItem锛 鐨勯泦鍚堛傛瘡涓暟鎹」鍚湁 鏁版嵁鍊硷紙value锛 鍜屽叾浠栦俊鎭紙鍙夛級銆傛瘡涓暟鎹硷紝鍙互鏄崟涓鐨勬暟鍊硷紙涓缁达級鎴栬呬竴涓暟缁勶紙澶氱淮锛夈

series.data 鏈甯歌鐨勫舰寮 鏄嚎鎬ц〃锛屽嵆涓涓櫘閫氭暟缁勶細

series: {
    data: [
        {       // 杩欓噷姣忎竴涓」灏辨槸鏁版嵁椤癸紙dataItem锛
            value: 2323, // 杩欐槸鏁版嵁椤圭殑鏁版嵁鍊硷紙value锛
            itemStyle: {...}
        },
        1212,   // 涔熷彲浠ョ洿鎺ユ槸 dataItem 鐨 value锛岃繖鏇村父瑙併
        2323,   // 姣忎釜 value 閮芥槸銆庝竴缁淬忕殑銆
        4343,
        3434
    ]
}
series: {
    data: [
        {                        // 杩欓噷姣忎竴涓」灏辨槸鏁版嵁椤癸紙dataItem锛
            value: [3434, 129,  '鍦i┈鍔涜'], // 杩欐槸鏁版嵁椤圭殑鏁版嵁鍊硷紙value锛
            itemStyle: {...}
        },
        [1212, 5454, '姊佃拏鍐'],   和彩快三走势图—官方网址22270.COM// 涔熷彲浠ョ洿鎺ユ槸 dataItem 鐨 value锛岃繖鏇村父瑙併
        [2323, 3223, '鐟欓瞾'],     // 姣忎釜 value 閮芥槸銆庝笁缁淬忕殑锛屾瘡鍒楁槸涓涓淮搴︺
        [4343, 23,   '鍥剧摝鍗']    // 鍋囧鏄庢皵娉″浘銆忥紝甯歌绗竴缁村害鏄犲皠鍒皒杞达紝
                                 // 绗簩缁村害鏄犲皠鍒皔杞达紝
                                 // 绗笁缁村害鏄犲皠鍒版皵娉″崐寰勶紙symbolSize锛
    ]
}

鍦ㄥ浘琛ㄤ腑锛屽線寰榛樿鎶 value 鐨勫墠涓涓や釜缁村害杩涜鏄犲皠锛屾瘮濡傚彇绗竴涓淮搴︽槧灏勫埌x杞达紝鍙栫浜屼釜缁村害鏄犲皠鍒皔杞淬和彩快三走势图—官方网址22270.COM濡傛灉鎯宠鎶婃洿澶氱殑缁村害灞曠幇鍑烘潵锛屽彲浠ュ熷姪 visualMap 銆


visualMap 缁勪欢

visualMap 缁勪欢瀹氫箟浜嗘妸鏁版嵁鐨勬寚瀹氱淮搴︽槧灏勫埌瀵瑰簲鐨勮瑙夊厓绱犱笂銆

visualMap 缁勪欢鍙互瀹氫箟澶氫釜锛屼粠鑰屽彲浠ュ悓鏃跺鏁版嵁涓殑澶氫釜缁村害杩涜瑙嗚鏄犲皠銆

visualMap 缁勪欢鍙互瀹氫箟涓 鍒嗘鍨嬶紙visualMapPiecewise锛 鎴 杩炵画鍨嬶紙visualMapContinuous锛夛紝閫氳繃 type 鏉ュ尯鍒嗐備緥濡傦細

option = {
    visualMap: [
        { // 绗竴涓 visualMap 缁勪欢
            type: 'continuous', // 瀹氫箟涓鸿繛缁瀷 visualMap
            ...
        },
        { // 绗簩涓 visualMap 缁勪欢
            type: 'piecewise', // 瀹氫箟涓哄垎娈靛瀷 visualMap
            ...
        }
    ],
    ...
};

鍒嗘鍨嬭瑙夋槧灏勭粍浠讹紝鏈変笁绉嶆ā寮忥細

  • 杩炵画鍨嬫暟鎹钩鍧囧垎娈: 渚濇嵁 visualMap-piecewise.splitNumber 鏉ヨ嚜鍔ㄥ钩鍧囧垎鍓叉垚鑻ュ共鍧椼
  • 杩炵画鍨嬫暟鎹嚜瀹氫箟鍒嗘: 渚濇嵁 visualMap-piecewise.pieces 鏉ュ畾涔夋瘡鍧楄寖鍥淬
  • 绂绘暎鏁版嵁鏍规嵁绫诲埆鍒嗘: 绫诲埆瀹氫箟鍦 visualMap-piecewise.categories 涓

鍒嗘鍨嬭瑙夋槧灏勭粍浠讹紝灞曠幇褰㈠紡濡備笅鍥撅細


瑙嗚鏄犲皠鏂瑰紡鐨勯厤缃

visualMap 涓彲浠ユ寚瀹氭暟鎹殑鎸囧畾缁村害鏄犲皠鍒板搴旂殑瑙嗚鍏冪礌涓娿

瀹炰緥 1

option = {
    visualMap: [
        {
            type: 'piecewise'
            min: 0,
            max: 5000,
            dimension: 3,       // series.data 鐨勭鍥涗釜缁村害锛堝嵆 value[3]锛夎鏄犲皠
            seriesIndex: 4,     // 瀵圭鍥涗釜绯诲垪杩涜鏄犲皠銆
            inRange: {          // 閫変腑鑼冨洿涓殑瑙嗚閰嶇疆
                color: ['blue', '#121122', 'red'], // 瀹氫箟浜嗗浘褰㈤鑹叉槧灏勭殑棰滆壊鍒楄〃锛
                                                    // 鏁版嵁鏈灏忓兼槧灏勫埌'blue'涓婏紝
                                                    // 鏈澶у兼槧灏勫埌'red'涓婏紝
                                                    // 鍏朵綑鑷姩绾挎ц绠椼
                symbolSize: [30, 100]               // 瀹氫箟浜嗗浘褰㈠昂瀵哥殑鏄犲皠鑼冨洿锛
                                                    // 鏁版嵁鏈灏忓兼槧灏勫埌30涓婏紝
                                                    // 鏈澶у兼槧灏勫埌100涓婏紝
                                                    // 鍏朵綑鑷姩绾挎ц绠椼
            },
            outOfRange: {       // 閫変腑鑼冨洿澶栫殑瑙嗚閰嶇疆
                symbolSize: [30, 100]
            }
        },
        ...
    ]
};

瀹炰緥 2

option = {
    visualMap: [
        {
            ...,
            inRange: {          // 閫変腑鑼冨洿涓殑瑙嗚閰嶇疆
                colorLightness: [0.2, 1], 和彩快三走势图—官方网址22270.COM// 鏄犲皠鍒版槑鏆楀害涓娿和彩快三走势图—官方网址22270.COM涔熷氨鏄鏈潵鐨勯鑹茶繘琛屾槑鏆楀害澶勭悊銆
                                          // 鏈潵鐨勯鑹插彲鑳芥槸浠庡叏灞鑹叉澘涓夊彇鐨勯鑹诧紝visualMap缁勪欢骞朵笉鍏冲績銆
                symbolSize: [30, 100]
            },
            ...
        },
        ...
    ]
};

鏇村璇︽儏锛屽弬瑙 visualMap.inRangevisualMap.outOfRange