jqplot：我們如何設置條形圖的默認值

Question

我正在使用此代碼來創建我的條形圖。

var plot1 = $.jqplot('fidtenuredivid', [line1], { 
      title: '%%K_CATEGORY_VS_AMOUNT%%', 
      animate: !$.jqplot.use_excanvas, 
      seriesDefaults:{ 
      renderer:$.jqplot.BarRenderer, 
      pointLabels: { show: true, 
         stackedValue: true}, 
      color: "#00749F" 
     }, 
      axes: { 
       xaxis: { 
       renderer: $.jqplot.CategoryAxisRenderer 
       } 
      } 
      }); 

但我想它應該顯示黑色圓圈標記作爲每個類別的默認值。

Answer 1

它可以實現。 Jsfiddle example

請在下面找到這樣做的示例代碼，你可以在你的代碼中使用這個概念。

$(document).ready(function() { 
    var defaults = [ 
     ['2014-01-15 15:10:01', 15], 
     ['2014-01-15 15:10:12', 10], 
     ['2014-01-15 15:10:14', 5], 
     ['2014-01-15 15:10:17', 19], 
     ['2014-01-15 15:10:23', 15], 
     ['2014-01-15 15:10:28', 12] 
    ]; 

    var bars = [ 
     ['2014-01-15 15:10:01', 21], 
     ['2014-01-15 15:10:12', 21], 
     ['2014-01-15 15:10:14', 22], 
     ['2014-01-15 15:10:17', 21], 
     ['2014-01-15 15:10:23', 22], 
     ['2014-01-15 15:10:28', 18] 
    ]; 

    var plot1 = $.jqplot('chart1', [bars, defaults], { 
     title: 'Default Date Axis', 
     axes: { 
      xaxis: { 
       renderer: $.jqplot.CategoryAxisRenderer 
      } 
     }, 
     series: [{ 
      renderer: $.jqplot.BarRenderer, 
      pointLabels: { 
       show: true, 
       stackedValue: true 
      }, 
      color: "#00749F", 
      label: "peer expenses" 
     }, { 
      lineWidth: 1, 
      showLine: false, 
      markerOptions: { 
       style: 'filledCircle', 
       size: 40 
      }, 
      label: "Expenses" 
     }], 
     legend: { 
      show: true, 
      location: 'e', 
      placement: "outsideGrid" 
     } 
    }); 
});