하이 차트 포맷

Question

다음과 같은 차트가 있습니다.

나는 두 개의 별도 qusetions이 있습니다. ""내가이 가질 수있는 방법

1. 을 시리즈의 수천 명의 분리 자 (데이터 위로 마우스를 가져 가면 툴팁에 하나씩 있음)로 따라갑니다. 나는 plotoptions와 numberformat을 조사해 보았지만 이것을 해결하지 못했습니다.

2. 데이터가 너무 작아지고 숫자를 작성하는 것이 어렵다는 점에 접근하는 방법.

나는 2 번 질문이 훨씬 더 자유롭지 만 어떤 아이디어라도 크게 높이 평가할 수 있음을 알고 있습니다.

미리 감사드립니다.

그래프 : '.'

  <script type="text/javascript"> 
       $(document).ready(function() { 
        Highcharts.setOptions({ 
         lang: { 
          thousandsSep: '.' 
         } 
        }); 

         var tapegraph = { 
          colors: [ 
            '#525051' 
          ], 
          exporting: { enabled: false }, 
         chart: { 
          renderTo: 'tapecontainer', 
          type: 'column' 
         }, 
         credits: { 
          enabled: false 
         }, 
         title: { 
          text: 'Tapeforbrug' 
         }, 
         xAxis: { 
          categories: [] 
         }, 
         yAxis: { 
          min: 0, 
          title: { 
           text: 'Gigabyte' 
          }, 
          stackLabels: { 
           enabled: true, 
           style: { 
            fontWeight: 'bold', 
            color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' 
           } 
          } 
         }, 
         legend: { 
          align: 'right', 
          x: -100, 
          verticalAlign: 'top', 
          y: 5, 
          floating: true, 
          backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white', 
          borderColor: '#CCC', 
          borderWidth: 1, 
          shadow: false 
         }, 
         plotOptions: { 
          column: { 
           stacking: 'normal', 
           dataLabels: { 
            enabled: true, 
            color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white' 
           } 
          } 
         }, 
         series: [] 
        }; 

         $.get("../classic_3270/KMDprod1/INFO.CPU.REPORT.MFTAPE" + kunde + ".txt", function (data) { 
          var lines = data.split('\n'); 
          lines = data.trim().split('\n'); 
         $.each(lines, function (lineNo, line) { 
          var items = line.split(','); 

          if (lineNo == 0) { 
           $.each(items, function (itemNo, item) { 
            if (itemNo > 0) tapegraph.xAxis.categories.push(item); 
           }) 
           ; 
          } 

          else { 
           var series = { 
            pointWidth: 42, 
            data: [] 

           }; 
           $.each(items, function (itemNo, item) { 
            if (itemNo == 0) { 
             series.name = item; 
            } else { 
             series.data.push(parseFloat(item)); 
            } 
           }); 

           tapegraph.series.push(series); 
          } 

         }); 

         var chart = new Highcharts.Chart(tapegraph); 

Answer 1

1) 설정 thousandSep에 및 작동을 참조하십시오 http://jsfiddle.net/3bQne/310/

Highcharts.setOptions({ 
    lang: { 
     thousandsSep: '.' 
    } 
}); 

2) 글쎄, 당신은 단지 라벨 것을 숨길 수 있습니다 - 같은 건에 대한이 나 dataLabels.formatter를 사용하고 값이 전체의 5 % 같은 아래에 있는지 확인하고 표시하기로 결정 그 dataLabel이 아닙니다.