123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- 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();
- });
-
-
-
-
-
- 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,
-
- 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'
- }
-
- },
- 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: '类别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]],
- },
-
- ]
- };
|