禁用HighCharts标签

时间:2013-09-05 14:52:14

标签: javascript highcharts

我正在使用Highcharts,我想关闭所有标签。我制作了自己的图表,它有自己的标题和数据轴。如何使Highcharts提供的那些不可见?

此刻,我只需摆脱y轴标记,但我不确定如何。

这是我到目前为止所拥有的:

    $('#container').highcharts({
    chart: {
        type: 'area',
        backgroundColor: 'transparent'
    },

    title: {
        text: ' '
    },
    credits: {
        enabled: false
    },
    xAxis: {
        categories: [' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ']
    },
    series: [{
        name: 'Rich',
        color: '#FF0000',
        data: []
    }, {
        name: 'Poor',
        data: []
    }]
});
}

1 个答案:

答案 0 :(得分:6)

Highcharts拥有精彩的文档,包含大多数内容的小提琴示例:http://api.highcharts.com/highcharts

http://jsfiddle.net/fnHzg/

$('#container').highcharts({
    chart: {
    },
    title : {
        text: null
    },
    xAxis: {

        title: {
            enabled: false
        }
    },
    yAxis: {

        title: {
            enabled: false
        }
    },
    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]        
    }]
});

还要关闭yAxis和xAxis标签和刻度线:

xAxis: {

    title: {
        enabled: false
    },
    labels: {
        enabled: false
    },
    tickLength: 0
},
yAxis: {

    title: {
        enabled: false
    },
    labels: {
        enabled: false
    },
    tickLength: 0
},