1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- import ChartDigit14 from '../../../src/chart/digit/ChartDigit14/ChartDigit14.js';
-
- let chart=new ChartDigit14(document.getElementsByClassName('c1')[0],{});
- window.addEventListener('resize',()=>{
- chart.resize();
- });
- window.addEventListener('elementClick', (a, b) => {
- console.log('触发', a.detail)
- });
-
- let option = {
- title:{},
- bg:{
- backgroundColor:"#000"
- },
- grid:{
- left: "30%",
- right: "20%",
- top: "45%",
- bottom: "50%"
- },
- tooltip: {
- bgStyle: {
- backgroundColor: '#00deff',
- textColor: '#fff',
- },
-
- },
- shape:{
- timeRange:{
- start:'2001',
- end: '2015',
- },
- num: 7,
- splitLine:{
- color1: '#00deff',
- color2: '#00deff',
- color3: '#fff',
- width: 1
- },
- slider:{
- color: '#00deff',
- fillColor:'rgba(0,222,255,0.2)',
- width: 1
- },
- label:{
- color: '#ffffff',
- fontSize: 14,
- fontWeight: 'normal',
- },
- input:{
- top: '10%',
- left: '10%',
- width: 65,
- height: 20,
- fontSize: 14,
- color: '#00deff',
- outlineColor: '#00deff'
- }
- },
-
-
- color: ['#9a37da','#3c8bef','#3cefe4','#3cef9d','#eec933','#d97b36','#ff4e4e']
- };
-
-
-
-
|