来自官网update的一些代码

$(function () {
    $('#container').highcharts({
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            showEmpty: false
        },

        yAxis: {
            showEmpty: false
        },

        series: [{
            allowPointSelect: true,
            data: [ // use names for display in pie data labels
                ['January',    29.9],
                ['February',   71.5],
                ['March',     106.4],
                ['April',     129.2],
                ['May',       144.0],
                ['June',      176.0],
                ['July',      135.6],
                ['August',    148.5],
                {
                    name: 'September',
                    y: 216.4,
                    selected: true,
                    sliced: true
                },
                ['October',   194.1],
                ['November',   95.6],
                ['December',   54.4]
            ],
            marker: {
                enabled: false
            },
            showInLegend: true
        }]
    });

    var chart = $('#container').highcharts();
        
    // Toggle names
    var name = false;
    $('#name').click(function() {
        chart.series[0].update({
            name: name ? null : 'First'
        });
        name = !name;
    });

    // Toggle data labels
    var enableDataLabels = true;
    $('#data-labels').click(function() {
        chart.series[0].update({
            dataLabels: {
                enabled: enableDataLabels
            }
        });
        enableDataLabels = !enableDataLabels;
    });

    // Toggle point markers
    var enableMarkers = true;
    $('#markers').click(function() {
        chart.series[0].update({
            marker: {
                enabled: enableMarkers
            }
        });
        enableMarkers = !enableMarkers;
    });

    // Toggle point markers
    var color = false;
    $('#color').click(function() {
        chart.series[0].update({
            color: color ? null : Highcharts.getOptions().colors[1]
        });
        color = !color;
    });

    // Set type
    $.each(['line', 'column', 'spline', 'area', 'areaspline', 'scatter', 'pie'], function (i, type) {
        $('#' + type).click(function () {
            chart.series[0].update({
                type: type
            });
        });
    });
});



后续研究做再加注释

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值