zaibei_charts/test/line/ChartLine1/index.js

import ChartLine from '../../../src/chart/line/ChartLine1/ChartLine1.js';
import Title from "../../../src/chart/commonOptions/title";
import Grid from "../../../src/chart/commonOptions/grid";
import ToolTip from "../../../src/chart/commonOptions/tooltip";

let chart = new ChartLine(document.getElementsByClassName('c1')[0], {});
window.addEventListener('resize', () => {
    chart.resize();
});
// setTimeout(()=>{
//    chart.setOption({
//        color: ["#d0e3ff", '#66ffff'],
//        title: Title.option(''),
//        grid: Grid.option,
//        tooltip: ToolTip.option,
//        legend: {
//            left: "45%",
//            top: '6%',
//            itemHeight: 10,
//            itemWidth: 10,
//            itemAngelR: 20,
//            textStyle: {
//                fontSize: 16,
//                color: '#50a7bd'
//            }
//        },
//        bg: {
//            backgroundColor: '#161729'
//        },
//        xAxis: {
//            type: "category",
// //		title: '日期',
//            nameTextStyle: {
//                fontSize: 12,
//                color: '#50a7bd',
//            },
//            namePosition: 'end',
//            data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
//            boundaryGap: true,
//            //		scale: true,
//            axisLine: {
//                show: true,
//                lineStyle: {
//                    color: '#00dff7',
//                    width: 2,
//                    type: 'solid'
//                }
//            },
//            axisTick:{
//                show:true,
//                lineStyle:{
//                    color:'#cee1ff',
//                    width:2
//                },
//                length:3,
//                alignWithLabel:true
//            },
//            splitLine: {
//                show: true,
//                alignWidthLabel: true,
//                lineStyle: {
//                    color: '#293f5f',
//                    width: 1,
//                    type: 'dash',
//                }
//            },
//            axisLabel:{
//                show:true,
//                textStyle:{
//                    color:'#50a7bd'
//                }
//            },
//        },
//        yAxis: {
//            type: 'value',
//            title: '气温/℃',
//            nameTextStyle: {
//                fontSize: 12,
//                color: '#50a7bd',
//            },
//            namePosition: 'end',
//            scale: true,
//            axisLine: {
//                show: true,
//                lineStyle: {
//                    color: '#00dff7',
//                    width: 2,
//                    type: 'solid'
//                }
//            },
//            axisTick:{
//                show:true,
//                lineStyle:{
//                    color:'#cee1ff',
//                    width:2
//                },
//                length:3,
//                alignWithLabel:true
//            },
//            splitLine: {
//                show: true,
//                lineStyle: {
//                    color: '#293f5f',
//                    width: 1,
//                    type: 'solid'
//                }
//            },
//
//            axisLabel:{
//                show:true,
//                textStyle:{
//                    color:'#50a7bd'
//                }
//            },
//
//        },
//        series: [
//            {
//                name: '最高气温',
//                type: 'bar',
//                label: {
//                    show: false,
//                    textStyle: {
//                        fontSize: 12,
//                        fontWeight: 'normal',
//                        color: ''
//                    }
//                },
//
//                lineStyle: {
//                    width: 2,
//                    smooth: false,
//
//                },
//                lineShadow: {
//                    shadowColor: '#000',
//                    shadowOffsetX: 0,
//                    shadowOffsetY: 0,
//                    shadowBlur: 0
//                },
//                iconType: 'circle',
//                circleSize: 16,
//                circleFill: '#fff',
//                data: [0.2, 0.2, 2.1, 1.9, 0.3, 0.7, 0.1],
//            }
//        ]
//    })
// },3000);