首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Highcharts极地绘图区缩放问题

Highcharts极地绘图区缩放问题
EN

Stack Overflow用户
提问于 2016-02-23 12:27:04
回答 1查看 243关注 0票数 0

我用Highcharts的极轴类型创建了一个图表。图表的边界溢出。有人能帮我修一下这张图吗?

请在JSFiddle上找到我的问题:JSFiddle代码:

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

    $('#container').highcharts({

        chart: {
            polar: true,
            showAxes: false
        },

        title: {
            text: 'Highcharts Polar Chart'
        },

        pane: {
            startAngle: 0,
            endAngle: 360
        },

        xAxis: {

            tickInterval: 45,
            min: 0,
            max: 360,
            labels: {
                formatter: function () {
                    return this.value + '°';
                }
            },
            lineWidth: 10,
            lineColor: "#000000",
            gridLineWidth: 5,
            gridLineColor: "#000000"
        },

        yAxis: {

            offset: 120,            
            tickmarkPlacement: 'on',  
            min: 0,
            max: 4,
            visible: false,
            endOnTick: false
        },

        plotOptions: {
            series: {
                pointStart: 0,
                pointInterval: 45
            },
            column: {
                pointPadding: 0,
                groupPadding: 0
            },
            line: {
                color: "#ff0000",
              lineWidth: 10
            }
        },

        series: [{
            type: 'line',
            name: 'Line2',
            data: [8, 7, 6, 5, 4, 3, 2, 1],
            pointPlacement: 'between'
        }]
    });
});

这将产生绘图区之外的轴。我想增加情节面积,以便看到极端分子终点的交汇点。

EN

回答 1

Stack Overflow用户

发布于 2016-02-23 15:37:52

绘图溢出的原因是您为yAxis设置了最大值4,但在数据中有大于4的值,如8、7、6和5。

只需从yAxis对象中删除max: 4选项,您的图表就会显示得很好。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35568838

复制
相关文章

相似问题

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