zaibei_charts/test/scatter/ChartScatter1/index.js

import ChartScatter1 from '../../../src/chart/scatter/ChartScatter1/ChartScatter1';
import Tooltip from '../../../src/chart/commonOptions/tooltip';

let chart=new ChartScatter1(document.getElementsByClassName('c1')[0],{});

window.addEventListener("resize",()=>{
	chart.resize();
});

// setTimeout(()=>{
// 	chart.setOption(opt);
// },3000)

let opt = {
    title: {
        text: '',
        left: '10%',
        top: '4%',
        textStyle: {
            fontSize: 14,
            color: '#2f92d9'
        }
    },
    legend: {
        show: true,
        left: "18%",
        top: '6%',
        orient: 'horizontal',
        itemWidth: 12,
    },
    bg: {
        backgroundColor: '#000000'
    },
    tooltip: Tooltip.option,
    grid: {
        left: '17%',
        right: '17%',
        top: '16%',
        bottom: '12%'
    },
    shape: {
        bg: {
            show: true,
            color: 'rgba(0,0,0,0)'
        },
        maxR: 10,
        minR: 1,
		animate: {
            delayTime: 10000,
            duringTime: 5000
        }
    },
    xAxis: {
        type: 'value',
        scale: true,
        axisTick: {
            show: false,
            alignWithLabel: false,
            //          interval: 'auto',
            lineStyle: {
                color: '#26426a'
            }
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: '#242424',
                width: 2,
                type: 'solid'
            }
        },
        axisLabel: {
            show: true,
            textBgColor: '#1f1f1f',
            textStyle: {
                fontSize: 12,
                fontWeight: 'normal',
                color: '#bdbdbd'
            }
            //      	margin: 0,
        },
        splitLine: {
            show: false,
            lineStyle: {
                color: '#26426a',
                width: 1,
                type: 'solid'
            }
        }
    },
    yAxis: {
        type: 'value',
        title: '',
        nameTextStyle: {
            color: '#bdbdbd',
            fontSize: 14
        },
        scale: true,
        axisLine: {
            show: true,
            lineStyle: {
                color: '#333333',
                width: 1,
                type: 'solid'
            }
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: '#141414',
                width: 1,
                type: 'solid'
            }
        },
        axisTick: {
            show: false,
            alignWithLabel: true,
            interval: 'auto',
            lineStyle: {
                color: '#333333',
            }
        },
        axisLabel: {
            textStyle: {
                color: '#bdbdbd'
            }
        },
    },
    color:['#3fffa7', '#3b87f0', '#f48142', '#e3c153'],
    series: [
		// {
        // name: '类别1',
        // type: 'scatter',
        // data: [[174, 65.6, 0.4], [175.3, 71.8, 0.59], [193.5, 80.7, 0.82], [186.5, 72.6, 0.51], [187.2, 78.8, 0.77], [181.5, 74.8, 0.18], [184, 86.4, 0.3], [184.5, 78.4, 0.54], [175, 62, 0.71], [184, 81.6, 0.27], [180, 76.6, 0.76], [177.8, 83.6, 0.12], [192, 90, 0.03], [176, 74.6, 0.16], [174, 71, 0.58], [184, 79.6, 0.9], [192.7, 93.8, 0.09], [171.5, 70, 0.01], [173, 72.4, 0.07]],
    	// },
        {
            name: '类别2',
            type: 'scatter',
            data: [[160, 47, 0.75], [154.4, 46.2, 0.36], [162, 55, 0.98], [176.5, 83, 0.26], [152, 45.8, 0.92], [170, 73.2, 0.55], [156.5, 67.2, 0.02], [164, 53.8, 0.54], [162.8, 58, 0.13], [167, 59.8, 0.8], [160, 54.8, 0.44], [160, 43.2, 0.45], [168.9, 60.5, 0.52], [158.2, 46.4, 0.41], [156, 64.4, 0.67]],
        },

    ]
};