누적 막대에 레이블 표시

Question

파란색 막대에 파란색, 노란색 막대에 노란색 막대와 같이 누적 막대 각각에 레이블을 표시하고 싶습니다. 여기

[1]:http://jsfiddle.net/Sa_2019/n7r57pv7/ 

내 코드입니다 : 여기 JSFiddle에 내 코드의

<div id="placeholder" style="width:600px;height:300px;"></div> 
    var data = [ 
    {label: 'foo', color:'red', data: [[1,300], [2,300], [3,300], [4,300], [5,300]]}, 
    {label: 'bar', color:'blue', data: [[1,800], [2,600], [3,400], [4,200], [5,0]]}, 
    {label: 'baz', color:'yellow', data: [[1,100], [2,200], [3,300], [4,400], [5,500]]}, 
    ]; 

     $.plot($("#placeholder"), data, { 
     series: { 
     stack: 1, 
     bars: { 
     show: true, 
     lineWidth: 1, 
     barWidth: 0.8, 
     order: 1, 
     fill: true 
    }, 
    yaxis : { 
     min : 0, 
     tickLength: 0 
    } , 
    xaxis: { 
    tickLength: 0, 
    axisLabel: "Date", 
    axisLabelUseCanvas: true, 
    axisLabelFontSizePixels: 12, 
    axisLabelFontFamily: 'Arial', 
    axisLabelPadding: 3, 
    color: "#838383", 
    timeformat: "%b/%y" 
    } 
    } 
    }); 

어떤 생각하시기 바랍니다.

고맙습니다.

Answer 1

하이 차트의 데이터 라벨을 사용하여 문제를 해결할 수 있습니다. 코드 등이 될 것이다 - 당신이 참조 할 수 같은

plotOptions: { 
      column: { 
       stacking: 'normal', 
        dataLabels: { 
        enabled: true, 
        color: 'white', 
          formatter: function() { 
            // return the value you want to show on labels.. depends on your data ... 
          console.log(this) 
          } 
        } 
      } 
    } 

뭔가 ... 난 그냥 당신의 논리에 따라 그 변경에 "무작위"문자열을 추가 한 노하우로 ..

http://jsfiddle.net/n1mcs4d1/