美文网首页全栈工程师修炼前端开发Web前端之路
Highcharts(五)之颜色及版权信息

Highcharts(五)之颜色及版权信息

作者: 徐笔笔 | 来源:发表于2016-07-31 18:07 被阅读172次

    颜色

    1.统一设置颜色:

    数据列调用颜色的方式是第 n 个数据列使用第 n 个颜色数组里的值,当序列的数量超过颜色数组的长度,后续的序列将会从头调用。

    $(function () {
        $('#container').highcharts({
            chart: {
                type: 'pie'
            },
            colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
            series: [{
                data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
            }]
        });
    });
    

    2.个别设置颜色:

    $(function () {
            $(".chart").highcharts({
                chart:{
                    type:'column'
                },
                series:[{
                    data:[1,2,3,4,{
                        y:5,
                        color:'#FF9655'
                    },6,7,8]
                }]
            });
        });
    

    版权信息

    credits:{
     // enabled:true,  // 默认值,如果想去掉版权信息,设置为false即可
        text:'www.hcharts.cn',    // 显示的文字
        href:'http://www.hcharts.cn',   // 链接地址
        position:{             // 位置设置
                        align: 'left',
                        x: 400,
                        verticalAlign: 'bottom',
                        y: -100
                    },
        style: {        // 样式设置
                        cursor: 'pointer',
                        color: 'red',
                        fontSize: '30px'
                    }
                },
    

    相关文章

      网友评论

        本文标题:Highcharts(五)之颜色及版权信息

        本文链接:https://www.haomeiwen.com/subject/dhfxsttx.html