Năng lựccốt lõiNăng lực chuyên môn nghiệp vụ: 7Năng lựcchuyên mônnghiệp vụNăng lực chung: 7Năng lực chungRa quyết định: 1Ra quyết địnhKiểm tra giám sát: 1Kiểm tra giám sátTổ chức: 1Tổ chứcHoạch định: 1Hoạch địnhNăng lực lãnh đạo: 4Năng lựclãnh đạoNhân sự: 1Nhân sựTài chính: 1Tài chínhPhạm vi, tác động: 1Phạm vi,tác độngMMTB, CNKT: 1MMTB, CNKTNăng lực ra quyết định: 1Năng lực raquyết địnhTổ chức điều hành: 1Tổ chứcđiều hànhĐàm phán: 1Đàm phánTổng hợp: 1Tổng hợpBáo cáo: 1Báo cáoThu thập thông tin: 1Thu thậpthông tinLàm việc nhóm: 1Làm việc nhómGiao tiếp: 1Giao tiếpNgoại ngữ: 1Ngoại ngữVi tính văn phòng: 1Vi tínhvăn phòngĐịnh hướng hiệu quả: 1Định hướnghiệu quảTạo động lực nhân viên: 3Tạo động lựcnhân viên
Tháng 1Tháng 2Tháng 3Tháng 4Tháng 5Tháng 6Tháng 7Tháng 8Tháng 9Tháng 10Tháng 11Tháng 120100200300400500600700Bão lãnh thanh toán$ThángĐường 1Đường 2Tối đa(enim ad minima veniam, quis nostrum exercitationem)Trung bình(aut odit aut fugit, sed quia consequuntur)Thấp(magnam aliquam quaerat voluptatem)

        var mChart = vchart._({
            tag: 'sunburstchart',
            props: {
                // title: 'absol js code analysis',
                canvasWidth: 600,
                canvasHeight: 600,
                zeroOY: true,
                numberToString: vchart.lambda.toLocalString(3),
                root: {
                    name: 'Năng lực cốt lõi',
                    value: 22,
                    child: [{
                        fillColor: 'rgb(115, 90, 145)',
                        name: 'Năng lực chuyên môn nghiệp vụ',
                        value: 7,
                        child: [
                            { name: 'Nhân sự', value: 1 },
                            { name: 'Tài chính', value: 1 },
                            { name: 'Phạm vi, tác động', value: 1 },
                            { name: 'MMTB, CNKT', value: 1 },
                            { name: 'Năng lực ra quyết định', value: 1 },
                            { name: 'Tổ chức điều hành', value: 1 },
                            { name: 'Đàm phán', value: 1 }
                        ]
                    },
                    {
                        fillColor: 'rgb(159, 175, 91)',
                        name: 'Năng lực chung',
                        value: 7,
                        child: [
                            { name: 'Tổng hợp', value: 1 },
                            { name: 'Báo cáo', value: 1 },
                            { name: 'Thu thập thông tin', value: 1 },
                            { name: 'Làm việc nhóm', value: 1 },
                            { name: 'Giao tiếp', value: 1 },
                            { name: 'Ngoại ngữ', value: 1 },
                            { name: 'Vi tính văn phòng', value: 1 }
                        ]
                    },
                    { name: 'Ra quyết định', value: 1, fillColor: 'auto', span: 2 },
                    { name: 'Kiểm tra giám sát', value: 1, fillColor: 'auto', span: 2 },
                    { name: 'Tổ chức', value: 1, fillColor: 'auto', span: 2 },
                    { name: 'Hoạch định', value: 1, fillColor: 'auto', span: 2 },
                    {
                        fillColor: 'rgb(71, 116, 170)',
                        name: 'Năng lực lãnh đạo',
                        value: 4,
                        child: [
                            { name: 'Định hướng hiệu quả', value: 1 },
                            { name: 'Tạo động lực nhân viên', value: 3 },
                        ]
                    }
                    ]
                }
            }

        });

        var mResizer = vchart.wrapChartInWHResizer(mChart).addTo(document.getElementById('resizer-view0'));


        var minA = Array(12).fill(0).map(function () {
            return Math.floor(Math.random() * 200) + 100;
        });

        var midA = minA.map(function (v) {
            return 300 + Math.floor(Math.random() * 200);
        });
        var maxA = Array(12).fill(700);
        var results = Array(12).fill(0).map(function () {
            return 23 + Math.floor(600 * Math.random());
        });
        var results1 = Array(12).fill(0).map(function () {
            return 23 + Math.floor(600 * Math.random());
        });

        var texts = Array(12).fill(0).map(function (u, i) {
            return 'Tối đa: ' + maxA[i] + '\nTối thiểu: ' + minA[i] + '\nTrung bình: ' + midA[i] + '\nĐạt được: ' + results[i];
        });


        var mDualChart = vchart._({
            tag: 'dualchart',
            props: {
                title: 'Bão lãnh thanh toán',
                valueName: '$',
                keyName: 'Tháng',
                zeroOY: true,
                keys: ['Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6', 'Tháng 7', 'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12'],
                lines: [
                    {
                        name: 'Đường 1',
                        values: results,
                        texts: texts,
                        color: 'red',
                        plotColors: ['blue']
                    },
                    {
                        name: 'Đường 2',
                        values: results1,
                        texts: texts,
                        color: 'pink',
                        plotColors: ['cyan']
                    }
                ],
                areas: [
                    {
                        name: 'Tối đa(enim ad minima veniam, quis nostrum exercitationem)',
                        values: maxA,
                        color: 'rgb(255, 204, 127)'
                    },

                    {
                        name: 'Trung bình(aut odit aut fugit, sed quia consequuntur)',
                        values: midA,
                        color: 'rgb(204, 204, 127)'
                    },
                    {
                        name: 'Thấp(magnam aliquam quaerat voluptatem)',
                        values: minA,
                        color: 'rgb(231, 228, 227)'
                    }
                ]
            }
        })

        var mDualChartResizer = vchart.wrapChartInWHResizer(mDualChart).addTo(document.getElementById('resizer-view0'));