吉林快三 计划—官方网址22270.COM鈥擡Charts 浜や簰缁勪欢

吉林快三 计划—官方网址22270.COM鈥擡Charts 鎻愪緵浜嗗緢澶氫氦浜掔粍浠讹細渚嬬粍浠 legend銆佹爣棰樼粍浠 title銆佽瑙夋槧灏勭粍浠 visualMap銆佹暟鎹尯鍩熺缉鏀剧粍浠 dataZoom銆佹椂闂寸嚎缁勪欢 timeline銆

吉林快三 计划—官方网址22270.COM鎺ヤ笅鏉ョ殑鍐呭鎴戜滑灏嗕粙缁嶅浣曚娇鐢ㄦ暟鎹尯鍩熺缉鏀剧粍浠 dataZoom銆

dataZoom

dataZoom 缁勪欢鍙互瀹炵幇閫氳繃榧犳爣婊氳疆婊氬姩锛屾斁澶х缉灏忓浘琛ㄧ殑鍔熻兘銆

榛樿鎯呭喌涓 dataZoom 鎺у埗 x 杞达紝鍗冲 x 杞磋繘琛鏁版嵁绐楀彛缂╂斁鏁版嵁绐楀彛骞崇Щ鎿嶄綔銆

瀹炰緥

option = {
    xAxis: {
        type: 'value'
    },
    yAxis: {
        type: 'value'
    },
    dataZoom: [
        {   // 杩欎釜dataZoom缁勪欢锛岄粯璁ゆ帶鍒秞杞淬
            type: 'slider', // 杩欎釜 dataZoom 缁勪欢鏄 slider 鍨 dataZoom 缁勪欢
            start: 10,      // 宸﹁竟鍦 10% 鐨勪綅缃
            end: 60         // 鍙宠竟鍦 60% 鐨勪綅缃
        }
    ],
    series: [
        {
            type: 'scatter', // 杩欐槸涓庢暎鐐瑰浘銆
            itemStyle: {
                opacity: 0.8
            },
            symbolSize: function (val) {
                return val[2] * 40;
            },
            data: [["14.616","7.241","0.896"],["3.958","5.701","0.955"],["2.768","8.971","0.669"],["9.051","9.710","0.171"],["14.046","4.182","0.536"],["12.295","1.429","0.962"],["4.417","8.167","0.113"],["0.492","4.771","0.785"],["7.632","2.605","0.645"],["14.242","5.042","0.368"]]
        }
    ]
}

灏濊瘯涓涓 禄

涓婇潰鐨勫疄渚嬪彧鑳芥嫋鍔 dataZoom 缁勪欢鏉ョ缉灏忔垨鏀惧ぇ鍥捐〃銆吉林快三 计划—官方网址22270.COM濡傛灉鎯冲湪鍧愭爣绯诲唴杩涜鎷栧姩锛屼互鍙婄敤榧犳爣婊氳疆锛堟垨绉诲姩瑙﹀睆涓婄殑涓ゆ寚婊戝姩锛夎繘琛岀缉鏀撅紝閭d箞闇瑕 鍐嶅啀鍔犱笂涓涓 inside 鍨嬬殑 dataZoom 缁勪欢銆

鍦ㄤ互涓婂疄渚嬪熀纭涓婃垜浠啀澧炲姞 type: 'inside' 鐨勯厤缃俊鎭細

瀹炰緥

option = {
    ...,
    dataZoom: [
        {   // 杩欎釜dataZoom缁勪欢锛岄粯璁ゆ帶鍒秞杞淬
            type: 'slider', // 杩欎釜 dataZoom 缁勪欢鏄 slider 鍨 dataZoom 缁勪欢
            start: 10,      // 宸﹁竟鍦 10% 鐨勪綅缃
            end: 60         // 鍙宠竟鍦 60% 鐨勪綅缃
        },
        {   // 杩欎釜dataZoom缁勪欢锛屼篃鎺у埗x杞淬
            type: 'inside', // 杩欎釜 dataZoom 缁勪欢鏄 inside 鍨 dataZoom 缁勪欢
            start: 10,      // 宸﹁竟鍦 10% 鐨勪綅缃
            end: 60         // 鍙宠竟鍦 60% 鐨勪綅缃
        }
    ],
    ...
}

灏濊瘯涓涓 禄

褰撶劧鎴戜滑鍙互閫氳繃 dataZoom.xAxisIndex 鎴 dataZoom.yAxisIndex 鏉ユ寚瀹 dataZoom 鎺у埗鍝釜鎴栧摢浜涙暟杞淬

瀹炰緥

var data1 = [];
var data2 = [];
var data3 = [];

var random = function (max) {
    return (Math.random() * max).toFixed(3);
};

for (var i = 0; i < 500; i++) {
    data1.push([random(15), random(10), random(1)]);
    data2.push([random(10), random(10), random(1)]);
    data3.push([random(15), random(10), random(1)]);
}

option = {
    animation: false,
    legend: {
        data: ['scatter', 'scatter2', 'scatter3']
    },
    tooltip: {
    },
    xAxis: {
        type: 'value',
        min: 'dataMin',
        max: 'dataMax',
        splitLine: {
            show: true
        }
    },
    yAxis: {
        type: 'value',
        min: 'dataMin',
        max: 'dataMax',
        splitLine: {
            show: true
        }
    },
    dataZoom: [
        {
            type: 'slider',
            show: true,
            xAxisIndex: [0],
            start: 1,
            end: 35
        },
        {
            type: 'slider',
            show: true,
            yAxisIndex: [0],
            left: '93%',
            start: 29,
            end: 36
        },
        {
            type: 'inside',
            xAxisIndex: [0],
            start: 1,
            end: 35
        },
        {
            type: 'inside',
            yAxisIndex: [0],
            start: 29,
            end: 36
        }
    ],
    series: [
        {
            name: 'scatter',
            type: 'scatter',
            itemStyle: {
                normal: {
                    opacity: 0.8
                }
            },
            symbolSize: function (val) {
                return val[2] * 40;
            },
            data: data1
        },
        {
            name: 'scatter2',
            type: 'scatter',
            itemStyle: {
                normal: {
                    opacity: 0.8
                }
            },
            symbolSize: function (val) {
                return val[2] * 40;
            },
            data: data2
        },
        {
            name: 'scatter3',
            type: 'scatter',
            itemStyle: {
                normal: {
                    opacity: 0.8,
                }
            },
            symbolSize: function (val) {
                return val[2] * 40;
            },
            data: data3
        }
    ]
}

灏濊瘯涓涓 禄