highcharts去掉x轴，y轴，轴线以及刻度

Posted 2020-10-22 rachelch

var chart = null;
$.getJSON(‘https://data.jianshukeji.com/jsonp?filename=json/usdeur.json&callback=?‘, function (data) {
    chart = Highcharts.chart(‘container‘, {
        chart: {
            zoomType: ‘x‘
        },
        title: {
            text: ‘美元兑欧元汇率走势图‘
        },
        subtitle: {
            text: document.ontouchstart === undefined ?
            ‘鼠标拖动可以进行缩放‘ : ‘手势操作进行缩放‘
        },
        xAxis: {
            lineWidth :0,//去掉x轴线
            tickWidth:0,//去掉刻度
            labels: {
                enabled: false
            },//去掉刻度数字
            type: ‘datetime‘,
            dateTimeLabelFormats: {
                millisecond: ‘%H:%M:%S.%L‘,
                second: ‘%H:%M:%S‘,
                minute: ‘%H:%M‘,
                hour: ‘%H:%M‘,
                day: ‘%m-%d‘,
                week: ‘%m-%d‘,
                month: ‘%Y-%m‘,
                year: ‘%Y‘
            }
        },
        tooltip: {
            dateTimeLabelFormats: {
                millisecond: ‘%H:%M:%S.%L‘,
                second: ‘%H:%M:%S‘,
                minute: ‘%H:%M‘,
                hour: ‘%H:%M‘,
                day: ‘%Y-%m-%d‘,
                week: ‘%m-%d‘,
                month: ‘%Y-%m‘,
                year: ‘%Y‘
            }
        },
        yAxis: {
　　　　　　　 tickWidth:0,//去掉刻度
            gridLineWidth: 0,//去掉y轴方向的横线
            labels: {
                enabled: false
            },//去掉刻度数字
            title: {
                text: ‘汇率‘
            }
        },
        legend: {
            enabled: false
        },
        plotOptions: {
            area: {
                fillColor: {
                    linearGradient: {
                        x1: 0,
                        y1: 0,
                        x2: 0,
                        y2: 1
                    },
                    stops: [
                        [0, Highcharts.getOptions().colors[0]],
                        [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get(‘rgba‘)]
                    ]
                },
                marker: {
                    radius: 2
                },
                lineWidth: 1,
                states: {
                    hover: {
                        lineWidth: 1
                    }
                },
                threshold: null
            }
        },
        series: [{
            type: ‘area‘,
            name: ‘美元兑欧元‘,
            data: data
        }]
    });
});