플롯 차트 : 범례 및 글꼴

jQuery Flot 라이브러리를 사용하여 막 대형 차트를 구성했습니다. 이제 질문은 아주 간단합니다플롯 차트 : 범례 및 글꼴

 $.plot($("#bar-tipoReclamo"), barData, { 
       series: { 
        bars: { 
         show: true, 
         barWidth: 0.13, 
         order: 1 
        } 
       }, 
       valueLabels: { 
        show: true 
       }, 
       xaxis: { 
        ticks: [[0,currentYear-2],[1,currentYear-1],[2,currentYear]] 
       }, 
       legend: { 
        container: '.flc-bar', 
        noColumns: 0, 
        backgroundColor: "white", 
        lineWidth: 0 
       }, 
       grid: { 
        hoverable: true, 
        clickable: true 
       }, 
       tooltip: true, 
       tooltipOpts: { 
       content: " %y,%s " , 
        shifts: { 
         x: 20, 
         y: 0 
        }, 
        defaultTheme: false 
       } 
      });

:이 코드입니다 :

<style> 
.flot-chart-bar { 
    height: 300px; 
} 
.flc-bar { 
    font-size: 2px; 
    border: 1px grey solid; 

}

<div class="card profilestats" style="color: #fff !important;"> 
<div class="card-content" style="background-color: #bdbdbd !important;min-height:320px;"> 

    <div id="bar-tipoReclamo" class="flot-chart-bar"></div> 
    <br> 
    <div class="flc-bar" style="background-color: white; "></div>       

</div> 
<div class="card-action" style="background-color: #757575 !important;;"> 
    <span>Distribuzione Tipi di Reclamo negli ultimi 3 anni</span> 
</div>

그리고 이것은 바있다 내가 글꼴 크기를 줄일 수있는 방법 전설 속의 단어들? 나는 CSS를 사용하고 온라인에서 발견 한 몇 가지 범례 속성을 사용해 보았지만 아무 것도 작동하지 않는 것으로 보인다.

Bar with Legend

나는 막대 아래에서 화이트 전설 내부 단어의 글꼴을 줄이고 자.

출처

2017-04-10 RemovedQuasar

작동 스 니펫 –

예 죄송합니다. 끝난! – RemovedQuasar