首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >删除高图表上的Y轴GridLines

删除高图表上的Y轴GridLines
EN

Stack Overflow用户
提问于 2014-10-23 12:53:06
回答 2查看 3.2K关注 0票数 2

除最外层线外,是否可以删除所有y轴网格线?

例如,在这个jsfiddle (http://jsfiddle.net/abyrne85/g7vpq8ce/1/)中,我试图删除所有的行(x轴和y轴),当然只剩下最外层的线和数据线。

代码语言:javascript
复制
   $(function () {

    $('#container').highcharts({

        chart: {
            polar: true,
            type: 'line'
        },

        title: {
            text: null,
            x: -80
        },

        xAxis: {
            categories: ['Sales', 'Marketing', 'Development',                 'Customer Support','Information Technology'],
            tickmarkPlacement: 'on',
            lineWidth: 0
        },

        yAxis: {
            gridLineInterpolation: 'polygon',
            lineWidth: 0,
            min: 0
        },

        legend: {
            enabled:false
        },

        series: [{      
            data: [5, 3, 4, 3, 2],
            pointPlacement: 'on'
        }]
    });
});
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-10-23 14:14:30

1.gridLineWidthof xAxis设置为0以删除它们。

2. Set tickInterval of yAxis大于数据数组中的最大值,因此它将是唯一的网格线。

代码语言:javascript
复制
$(function () {
    var myData = [5, 3, 4, 3, 2],
        tickIntr = Math.max.apply(null, myData) + 1; //this is to set 
        //the tickInterval larger than the maximum value in data array

    $('#container').highcharts({
        chart: {
            polar: true,
            type: 'line',
        },

        title: {
            text: null,
            x: -80
        },

        xAxis: {
            categories: ['Sales', 'Marketing', 'Development', 
                         'Customer Support','Information Technology'],
            tickmarkPlacement: 'on',
            lineWidth: 0,
            gridLineWidth: 0 //Remove xAxis lines
        },

        yAxis: {
            gridLineInterpolation: 'polygon',
            lineWidth: 0,
            min: 0,
            tickInterval: tickIntr //set yAxis tickInterval
        },

        legend: {
            enabled:false
        },

        series: [{      
            data: myData,
            pointPlacement: 'on'
        }]
    });
});

http://jsfiddle.net/g7vpq8ce/2/

票数 3
EN

Stack Overflow用户

发布于 2014-10-23 15:59:37

或者使用tickPositioner,请参阅示例:http://jsfiddle.net/g7vpq8ce/3/

代码语言:javascript
复制
    yAxis: {
        gridLineInterpolation: 'polygon',
        lineWidth: 0,
        min: 0,
        tickPositioner: function(min, max){
            return [min, max];
        }
    },
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26528564

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档