2013-09-30 5 views
0

Как сделать ширину отдельных столбцов толще? В противном случае, когда только один столбец, это становится немного ширинаКак увеличить ширину отдельных столбцов?

example

$(function() { 
$('#container').highcharts({ 

    plotOptions: { 
     series: { 
      shadow: true 
     } 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     type: 'column' 
    }, { 
     data: [176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     type: 'column' 
    }, { 
     data: [176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     type: 'column' 
    }, { 
     data: [176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     type: 'column' 
    }] 
}); 

});

ответ

1

pointWidth (documentation) позволит вам указать ширину отдельных баров.

plotOptions: { 
     series: { 
      shadow: true, 
      pointWidth:5 
     } 
    }, 

Example

+0

Это общая ширина. Мне нужно, чтобы такое же расписание было разной ширины, потому что у него недостаточно места и он сжат из-за этого, он сжат на всей оси. Я хочу, чтобы он сокращался только там, где это необходимо. – Igor

+0

Если вы ограничены по ширине, возможно, стоит посмотреть на другой тип диаграммы. Сложенный столбец или строка будут работать. – cbeckner

0

Обычно это невозможно, но вы можете изменить SVG ширина элемента по ATTR функции().

chart.series[0].data[4].graphic.attr({width:50}); 

http://jsfiddle.net/D6vNc/1/

Смежные вопросы