2013-06-12 3 views
0

Я создал высокий график, но хотел бы иметь аналогичный стиль голосования для youtube; с положительным и отрицательным. Моя проблема заключается в том, чтобы заставить панель оставаться на полной ширине графика, я знаю, что процентные данные могут исправить это, но я хочу целые числа.высокие диаграммы - как получить уложенный граф по всей ширине?

http://jsfiddle.net/u6H3b/

$(function() { 
     $('#container').highcharts({ 
      chart: { 
       type: 'bar', 
       marginLeft:0    

      }, 
      title: { 
        text: 'votes' 
        }, 
       credits: { 
      enabled: false 
     }, 


      xAxis: { 
       categories: ['Apples'], 
       title: { 

        enabled: false 



       } 
      }, 
         exporting: { 
      enabled: false 
     }, 
      yAxis: { 
       min: 0, 
       max:23, 
       title: { 
         enabled: false }, 
       gridLineColor: '#fff', 
       lineColor: '#fff' 
      }, 
      legend: { 
       backgroundColor: '#FFFFFF', 
       reversed: true 
      }, 
      plotOptions: { 
       series: { 
        stacking: 'normal' 
       } 
      }, 
       series: [{ 
       name: 'Yes', 
       data: [20] 
      },{ 
       name: 'No', 
       data: [3] 
      }] 
     }); 
    }); 

ответ

1

Одним из вариантов является использование 'endOnTick':

yAxis: { 
      endOnTick: false, 

http://jsfiddle.net/f3eFd/

Если вы хотите, чтобы конечный клеща (23), чтобы показать, вы также можете добавить:

tickInterval:23, 

http://jsfiddle.net/bLDpg/

Если вы действительно хотите получить фантазию, вы можете определить каждый тик, который вам нужен. В следующем коде, он печатает клещей на 0, 3 и на 23.

tickPositioner: function() { 
      var positions = [0, 3, 23]; 
      return positions; 
     }, 

http://jsfiddle.net/aSHz3/

0

Я думаю, все, что вам нужно установить это endOnTick: false и maxPadding: 0 см: http://jsfiddle.net/u6H3b/1/

только проблема в том, что последний тик не отображается, если это проблема для вас, используйте tickPositioner, как было предложено SteveP.

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