首页 / HIGHCHARTS / highcharts去掉x轴，y轴，轴线以及刻度

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了highcharts去掉x轴，y轴，轴线以及刻度，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1355字，纯文字阅读大概需要2分钟。

内容图文

                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
        }]
    });
});

 

原文：https://www.cnblogs.com/rachelch/p/8342959.html

内容总结

以上是互联网集市为您收集整理的highcharts去掉x轴，y轴，轴线以及刻度全部内容，希望文章能够帮你解决highcharts去掉x轴，y轴，轴线以及刻度所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1237012.html

来源：【匿名】