2014-02-03 3 views
0

Мне было интересно, если бы кто-нибудь смог создать гистограмму с такими ярлыками, как круговая диаграмма? Мне нужно иметь возможность создавать ярлыки снаружи и создавать для них эту строку. Так же, как круговая диаграмма делает здесь:HighCharts - Bar Chart - Этикетки, такие как Pie Chart?

http://www.highcharts.com/demo/pie-basic

У меня есть основная гистограмма (используя его в качестве индикатора выполнения). Мне нужно создать ярлыки снаружи, потому что разделы могут стать очень маленькими. Вот мой JSFiddle: http://jsfiddle.net/rLYj4/5

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'bar' 
     }, 
     title: { 
      text: '<b>Total</b><br/><b>$100.00</b>' 
     }, 
     exporting: { 
      enabled: false 
     }, 
     credits: { 
      enabled: false 
     }, 
     xAxis: { 
      labels: { 
       enabled: false 
      }, 
      gridLineWidth: 0, 
      minorGridLineWidth: 0, 
      gridLineColor: 'transparent', 
      startOnTick: false 
     }, 
     yAxis: { 
      minorGridLineWidth: 0, 
      gridLineWidth: 0, 
      gridLineColor: 'transparent', 
      labels: { 
       enabled: false 
      }, 
      title: { 
       text: '' 
      } 
     }, 
     legend: { 
      enabled: false 
     }, 
     tooltip: { 
      formatter: function() { 
       return this.series.name +': '+ this.y +'<br/>'+ 
        'Total: '+ this.point.stackTotal; 
      } 
     }, 
     plotOptions: { 
      series: { 
       stacking: 'normal', 
       dataLabels: { 
        enabled: true, 
        color: 'white' 
       } 
      } 
     }, 
     series: [{ 
      name: 'Category 1', 
      data: [50.00] 
     }, { 
      name: 'Category 2', 
      data: [25.00] 
     }, { 
      name: 'Category 3', 
      data: [12.50] 
     }, { 
      name: 'Category 4', 
      data: [12.50] 
     }] 
    }); 
}); 

Кто-нибудь знает, как это сделать?

Спасибо, Джошуа

+0

Это не представляется возможным в качестве опции. Но я должен спросить, почему вы хотите это сделать? Похоже, это очень плохая идея для удобства использования. – jlbriggs

ответ