全栈工程师修炼前端开发Web前端之路

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

2016-07-31  本文已影响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'
                }
            },
上一篇下一篇

猜你喜欢

热点阅读