zaibei_charts/test/center/ChartCenterTop1/index.js

import ChartBar from '../../../src/chart/center/ChartCenterTop1/ChartCenterTop1.js';

let bar = new ChartBar(document.getElementsByClassName('c1')[0], {});
window.addEventListener('resize', () => {
    bar.resize();
});
let opt = {
    color: ['#00d3ff'],
    bg:{
      backgroundColor: '#000000'
    },
    grid: {
        left: '18%',
        top: '20%',
        right: '18%',
        bottom: '18%',
    },
    tooltip: {
        show:true,
        titleColor: '#ffffff',
        bgStyle: {
            borderColor: '#c0c0c0',
            borderWidth: 1,
            backgroundColor: '#000000',
        },
        nameTextStyle: {
            color: '#ffffff',
         //   fontSize: 12
        },
        valueTextStyle:{
            color: '#ffffff',
        //    fontSize: 12
        },
    },
    //图形
    shape: {
        maxNum: 5,//最大top数
        barCategoryGap: '40%',//category间距
        //字体样式
        textStyle: {
            color: '#ffffff',
            fontWeight: 'normal',
            fontSize: 14,
        },
        sort: 1,
    },
    series: [{
        data: [{
            name: 'anjueasy.com',
            value: 9080
        }, {
            name: 'arkansassupervets.com',
            value: 8836
        }, {
            name: 'theinternetshows.com',
            value: 8970
        }, {
            name: 'jj885.com',
            value: 8680
        }, {
            name: 'arkensdfwsvets.com',
            value: 8432
        }]
    }]
};

// setTimeout(() => {
//     bar.setOption(opt);
// }, 5000);