javascript - 图形从轴+网格线开始

Question

我正在研究定制 Highcharts ，但我遇到了一些问题 http://jsfiddle.net/gF4x2/这个图形

credits: {
    enabled: false
},

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

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

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

Answer 1

演示: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'

<小时/>

对于这个问题:由于顶部图表和底部图表混合在一起，因此很难将标签(例如一月、二月等)放在图表之间。尽管也许可以做到这一点。

删除以下几行即可看到效果。

在xAxis下:

        top: -143,