Jquery Flot Chart標籤不顯示

Question

所以我正在學習flot圖表，但我在使用選項時很難讓標籤顯示或圖例。某些選項將起作用（如線條的fill和fillColor），但不是其他選項？ 把我的頭撞在桌上

由於某種原因，它在jsfiddle中完全不顯示，但它在我的web應用程序中卻顯示出來。

<h1>Flot Examples</h1> 
<div id="placeholder" class="placeholder" style="width:500px; height:300px; background-color:darkcyan;" runat="server"> 

<script type="text/javascript"> 
    var data, data1, dataTime, options, chart; 
    var date = new Date(); //2015 
    var date1 = date.setDate(date.getDate()); 
    var date2 = date.setDate(date.getDate() - 365); //2015 
    var date3 = new Date(date.getFullYear() - 2, date.getMonth() - 5, date.getDate() - 6); 

    dataTime = [ 
     [date1, 1], 
     [date2, 3], 
     [date3, 6] 
    ]; 
    data2 = [dataTime]; 

    data1 = [ 
     [1, 4], 
     [2, 5], 
     [3, 6], 
     [4, 9], 
     [5, 7], 
     [6, 6], 
     [7, 2], 
     [8, 1], 
     [9, 3] 
    ]; 
    data = [data1]; 
    options = { 
     series: { 
      //bars: { show: true } 
      lines: { 
       show: true, 
       // fill: true, 
       //fillColor: "#000000" 
      }, 

     }, 
     xaxis: { 
      mode: "time" 
     }, 
     yaxis: { 
      min: 1 
     }, 
     selection: { 
      mode: "x" 
     }, 
     grid: { 
      show: true 
     }, 
     // clickable: true, 
     // hoverable: true, 
     shadowSize: 20, 
     highlightColor: "#ffffff", //this is the color of the circle that appears 
     label: { 
      string: "invisible" 
     }, 
     tooltip: true, 
     legend: { 
      show: true, 
      labelBoxBorderColor: "#ffffff", 
      position: "ne", 
      margin: 10, 
      backgroundColor: "#66ccff", 

     } 

    }; 

    $(document).ready(function() { 
     // chart1 = $.plot($('<%= placeholder.ClientID %>'), data, options); 
     chart1 = $.plot($(".placeholder"), data2, options); 
    }); 
</script>![enter image description here][1] 

Answer 1

我推薦這個插件用於軸標籤：https://github.com/markrcote/flot-axislabels。它可以讓你真的簡單地爲x軸和y軸添加一個標籤。