zaibei_charts/test/epidemic/ChartEpidemicLine1/index.js

import ChartLine from '../../../src/chart/epidemic/ChartEpidemicLine1/ChartEpidemicLine1.js';
import Title from "../../../src/chart/commonOptions/title";
import Grid from "../../../src/chart/commonOptions/grid";

let chart = new ChartLine(document.getElementsByClassName('c1')[0], {});
window.addEventListener('resize', () => {
    chart.resize();
});
setTimeout(()=>{
    // chart.setOption({
    //     color: ['#c6b146','#ffffff','#94ddf3', '#18c1f1', '#ed9c01', '#d0e3ff', '#00bfff', '#008b8b', '#00fa9a', '#0000ff'],
    //     title: Title.option(''),
    //     bg: {
    //         backgroundColor: '#000000'
    //     },
    //     grid: Grid.containLabelOption,
    //     tooltip: {
    //         bgStyle:{
    //             backgroundColor: 'rgba(0,0,0,0.7)',
    //         }
    //     },
    //     legend: {
    //         itemHeight: 10,
    //         itemWidth: 10,
    //         itemAngelR: 20,
    //         left:'22%',
    //         top:'8%',
    //         textStyle:{
    //             color: '#ffffff'
    //         }
    //     },
    //     xAxis: {
    //         type: "category",
    //         // title: '日期',
    //         nameTextStyle: {
    //             fontSize: 12,
    //             color: '#797979',
    //         },
    //         namePosition: 'end',
    //         // data: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", '八月', '九月', '十月', '十一月', '十二月'],
    //         data: ['2-17','2-18','2-19','2-20','2-21','2-22','2-23','2-24'],
    //         boundaryGap: false,
    //         //		scale: true,
    //         axisLine: {
    //             show: true,
    //             lineStyle: {
    //                 color: '#ffffff',
    //                 opacity: 0.3,
    //                 width: 4,
    //                 type: 'solid'
    //             }
    //         },
    //         axisTick: {
    //             show: false,
    //             alignWithLabel: false,
    //             //			interval: 'auto'
    //         },
    //         splitLine: {
    //             show: true,
    //             lineStyle: {
    //                 color: '#ffffff',
    //                 opacity: 0.3,
    //                 width: 1,
    //                 type: 'solid'
    //             }
    //         },
    //         axisLabel: {
    //             show: true,
    //             textStyle: {
    //                 color: '#797979',
    //                 textRotation: 0
    //             }
    //         }
    //     },
    //     yAxis: {
    //         type: 'value',
    //         title: '单位',
    //         nameTextStyle: {
    //             fontSize: 12,
    //             color: '#797979',
    //         },
    //         namePosition: 'end',
    //         scale: true,
    //         axisLine: {
    //             show: true,
    //             lineStyle: {
    //                 color: '#ffffff',
    //                 opacity: 0.3,
    //                 width: 4,
    //                 type: 'solid'
    //             }
    //         },
    //         axisTick: {
    //             show: false,
    //             alignWithLabel: true,
    //             interval: 'auto',
    //             lineStyle: {
    //                 color: '#ffffff',
    //                 opacity: 0.3,
    //                 width: 1
    //             }
    //         },
    //         splitLine: {
    //             show: true,
    //             lineStyle: {
    //                 color: '#ffffff',
    //                 opacity: 0.3,
    //                 width: 1,
    //                 type: 'solid'
    //             }
    //         },

    //         axisLabel: {
    //             show: true,
    //             format:true,
    //             textStyle: {
    //                 color: '#797979'
    //             }
    //         }

    //     },
    //     shape:{
    //         label: {
    //             show: false,
    //             textStyle: {
    //                 fontSize: 12,
    //                 fontWeight: 'normal',
    //                 color: ''
    //             }
    //         },

    //         lineStyle: {
    //             width: 7,
    //             smooth: 0.3,

    //         },
    //         lineShadow: {
    //             shadowColor: '#000000',
    //             shadowOffsetX: 0,
    //             shadowOffsetY: 0,
    //             shadowBlur: 0
    //         },
    //         iconType: 'icon1',
    //         circleSize: 30,
    //         circleFill: '#ffffff',
    //     },
    //     series: [
    //         {
    //             name: '类别二',
    //             type: 'bar',
    //             data: [79, 56, 45, 258, 31, 18, 11, 9],
    //         }
    //     ]
    // })
},3000);