2014-03-22 8 views
0

Я сделал планку в виде диаграммы с использованием высоких диаграмм, и я хочу, чтобы легенда была сверху, я использовал атрибут verticalAlign со значением top, но это не сработало! вот мой jsfiddle http://jsfiddle.net/rchod/sbtt6/highcharts, гистограмма легенда с вертикалью Неверный верхний не работает

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'bar' 
     }, 
    legend: { 
     align: 'right', 
     verticalAlign: 'top', 
     x: 0, 
     y: 100 
    }, 

    credits: { 
     enabled: false 
    }, 
     title: { 
      text: '' 
     }, 
     xAxis: {    
      labels: { 
      enabled: false 
     }, 
      categories: [''] 
     }, 
     yAxis: { 
     labels: { 
      enabled: true 
     }, 
      min: 0, 
      title: { 
       text: '' 
      } 
     }, 
     legend: { 
      backgroundColor: '#FFFFFF', 
      reversed: true 
     }, 
     tooltip: { 
      enabled: false 
     }, 
     plotOptions: { 
      series: { 
      minPointLength: 3,    
      dataLabels: { 
       color: 'white', 
       align: 'center', 
       enabled: true, 
       format: '{y} %' 
       }, 
       stacking: 'percent' 
      }, 
      bar: { 
      events: { 
       legendItemClick: function() { 
        vote(1,this.userOptions.id); 
        return false; 
        } 
       } 
      , 
      showInLegend: true 
      } 
     }, 
      series: [ 
          { 
      name: 'yes', 
      data: [{ y : 73.91, id : '1' }], 
      id: '1' 
     }, 
          { 
      name: 'no', 
      data: [{ y : 26.09, id : '2' }], 
      id: '2' 
     }, 
      ] 
    }); 
}); 

ответ

1

Вы имеете legend свойство дважды в параметрах. Второй - первый. Поместите их вместе:

legend: { 
    backgroundColor: '#FFFFFF', 
    reversed: true, 
    align: 'right', 
    verticalAlign: 'top', 
    x: 0, 
    y: 100 
}, 

Обновлено fiddle.

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