图形从轴+网格线开始

Question

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

credits: {
    enabled: false
},

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

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

2. 我需要创建某种类型的网格，但在我的图形上我不能。我甚至不知道在哪一方面我应该看到这个。也许某人知道决定或可以提出我应该做的建议？

Answer 1

DEMO：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

相关问题：
Put highchart on the very start of the graphic
Highcharts align plot points to start at y-axis
highcharts start from hinges base

• 添加网格线

在xAxis下：

    gridLineWidth: 0.5,
    gridLineColor: '#C0C0C0'

---

对于这个问题：由于顶部图表和底部图表混合在一起，因此很难将标签（例如Jan，Feb等等）放在图表之间。虽然有可能这样做。

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

在xAxis下：

        top: -143,

Answer 2

我可以帮一下网格。您可以在x轴中使用这些选项：

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

http://jsfiddle.net/YabxW/

我已经多看了一下，你可以使用plotBands和Ivan Chau建议的帮助更接近你想要的东西。但是，我会考虑将其绘制为两个图表而不是一个图表，因为在一个图表中很难准确得到您想要的图表。