Flot chart：凡例とフォント

Question

jQuery Flotライブラリを使用して棒グラフを設定しました。これはコードです：

<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> 

そして、これはバーです：

 $.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 
       } 
      }); 

は今の質問は非常に単純です：どのように私は、フォントサイズを小さくすることができます伝説の中の言葉の？私は既にCSSを使い、オンラインで見つかった凡例の属性をいくつか使ってみましたが、何も動作していないようです。

Bar with Legend

私はバーの下に白い伝説の内側の単語のフォントを減らしたいです。

Answer 1

あなたが持っている必要がありますが、font-size: 2px;はおそらくあなたが望むものではありません。 font-sizeがCSSで指定されているコードに基づいた完全な例は、fiddleを参照してください。