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

Posted rachelch

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了highcharts去掉x轴,y轴,轴线以及刻度相关的知识,希望对你有一定的参考价值。

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

 

以上是关于highcharts去掉x轴,y轴,轴线以及刻度的主要内容,如果未能解决你的问题,请参考以下文章

Highcharts x 轴刻度以偏移量开始

Highcharts属性与Y轴数据值刻度显示Y轴最小最大值

ECharts

用echarts画柱状图怎么去掉y轴上的坐标

Matplotlib基础使用

在 highstock 上对齐 y 轴刻度“外部”,因此它们与 highcharts 上的相同