ECharts

##首先引入echarts

 <script src="./js/echarts.min.js"></script>

##建一个简单的系列图（在 series里面写需要的数据和类型即可）

 <script>
       var myChart = echarts.init(document.getElementById('main'));
       var option = {
            title: {
                text: '一览',
                 x: 'center', 
                 y:'top',
            },
            tooltip: {},
            legend: {
                data:['占比']
            },
            xAxis: {
                data: ["军规","受限","保密","隐秘","消费","工业"]
            },
            color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',
            '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
            '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
            '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],
            yAxis: {},
            series: [{
               
                type: 'bar',
                data: [5, 20, 36, 10,  10, 50]
            },{
                type:'line',
                data: [5, 20, 36, 10, 10,50]
            },{ 
                radius:'20px',
                center:['65%',60],
                type:'pie',
                data: [
                    {name:'"军规"',value:5,},
                    {name:'"受限"',value:20,},
                    {name:'"保密"',value: 36,},
                    {name:'"隐秘"',value: 10,},
                    {name:'"消费"',value:10,},
                    {name:'"工业"',value:50,},
                    
                    ]

            }]
            
        };
        myChart.setOption(option);
    </script>