2013-10-16 32 views
0

开始我工作的定制highcharts和我有一些问题,http://jsfiddle.net/gF4x2/这个图形图形从轴+网格线

credits: { 
    enabled: false 
}, 

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

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

  2. 我需要创建某种这种网格,但在我的图形上我不能。我甚至不知道在什么方面我应该看看得到这个。也许有人知道我的决定,或者可以给我建议我应该怎么做?

Chart grid

+0

的jsfiddle不会为我工作。 – SteveP

+0

嗯,所有在我的电脑上工作正常,你有一些错误信息? –

+0

通过选择'OnDomready'来获得它的工作 – SteveP

回答

1

我可以帮一点与电网。您可以在x轴使用这些选项:

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

http://jsfiddle.net/YabxW/

我看这多一点,你可以得到更接近你想用什么plotBands和帮助伊万洲建议。但是,我会考虑把它绘制成两个图表而不是一个图表,因为在一张图表中很难得到你想要的。

+0

我想在顶部图表和底部图表上添加网格。我想让这些图表看起来像图片。 –

+0

关于填充,我希望图形从y轴开始 [Want and have](http://d.pr/i/sRbX) –

2

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:使用startOnTickmaxPadding

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' 

对于这样的问题:由于顶端图表并混合在一起底部图表,它是相当很难把标签(例如1月,2月等)在图表之间。尽管可能会这样做。

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

xAxis

 top: -143, 
+0

几乎是我想要的,但似乎这里的小错误,分类切割,任何建议如何避免这种行为? –

+0

您的意思是缩放窗口时丢失的2月标签? –

+0

@IvanChu make [screenshoot](http://d.pr/i/a1fM) –