2

I have a highchart graph that combined a quarterly dataseries with a daily series. The daily series is shown as a column and the daily is shown as a line. Each quarter is mapped to a day in the last month of the quarter. My problem is when I have a years worth or more of data shown each quarter-column becomes very thin. This is because it is mapped to a single day and there only occupy the width of a single day. What I need help figuring out is how to make the columns appear wider so it looks like they're not only showing data for a single day.

I've tried setting a higher borderWidth to columns, and while that did help, it wasn't really a good enough solution.

Here's a fiddle to show my problem and the series I wish to make wider:

http://jsfiddle.net/h3Gt9/2/

            type: 'column',
            name: 'Line 2',
            color: '#000000',
            data: [{x: Date.UTC(2012, 3, 01), y: 1.707},
                   {x: Date.UTC(2012, 6, 01), y: 0.71}, 
                   {x: Date.UTC(2012, 9, 01), y: 0.106}, 
                   {x: Date.UTC(2012, 12, 01), y: 0.129}, 
                   {x: Date.UTC(2013, 3, 01), y: 0.144}, 
                   {x: Date.UTC(2013, 6, 01), y: 0.176},
                   {x: Date.UTC(2013, 9, 01), y: 0.135}]

And a fiddle with what I've tried with borders: http://jsfiddle.net/h3Gt9/1/

4

2 回答 2

2

小提琴

像这样使用 pointWidth 选项：

{
  type: 'column',
  name: 'Line 2',
  color: '#000000',
  pointWidth: 80
  // ...
}

编辑：http ://api.highcharts.com/highcharts#plotOptions.column.pointWidth

于 2013-11-06T00:07:15.807 回答