0

我正在定制高图表，我对http://jsfiddle.net/gF4x2/这个图形有一些问题

credits: {
    enabled: false
},

我认为，有些问题很容易，有些则不然。也许有人遇到同样的问题并已经解决了。

  1. 需要图形从 y 和 x 轴开始，现在它们有填充，我不知道如何删除它。

  2. 我需要创建某种这种网格，但在我的图形上我做不到。我什至不知道我应该从哪一边得到这个。也许有人知道决定或可以提供建议我应该做什么？

图表网格

4

2 回答 2

2

演示：http: //jsfiddle.net/DdFEB/

  • 将第一个数据点对齐到轴的左侧

避免分类的 x 轴。

categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],

请改用特定的标签格式化程序。

var xCategories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

下xAxis：

    labels: {
        y: 25,
        formatter: function() {
            return xCategories[this.value];
        }
    },

在xAxis:startOnTick使用maxPadding

    startOnTick: false,
    endOnTick: false,
    minPadding: 0,
    maxPadding: 0

相关问题：
将 highchart 放在图形的最开始
Highcharts 将绘图点对齐以从 y 轴
开始 highcharts 从铰链基础开始

  • 添加网格线

下xAxis：

    gridLineWidth: 0.5,
    gridLineColor: '#C0C0C0'

对于这个问题：由于顶部图表和底部图表混合在一起，因此在图表之间放置标签（例如一月、二月等）是相当困难的。尽管有可能做到这一点。

您可以通过删除以下行来查看效果。

下xAxis：

        top: -143,
于 2013-10-17T07:34:14.580 回答
1

我可以在网格方面提供一些帮助。您可以在 x 轴中使用这些选项：

 gridLineWidth:1,
    plotBands:[
        {color:'lightgrey',from:0,to:3},
        {color:'lightgrey',from:9,to:11}
   ],

http://jsfiddle.net/YabxW/

我对此进行了更多研究，您可以使用 plotBands 和 Ivan Chau 建议的帮助更接近您想要的内容。但是，我会考虑将其绘制为两张图表而不是一张图表，因为很难在一张图表中准确获得您想要的内容。

于 2013-10-16T15:54:35.193 回答