JQPlot隱藏線點擊

可能重複：
Dynamic Flot graph - show hide series by clicking on legend text or box on graph JQPlot隱藏線點擊

我使用JQPlot，我有一個關於隱藏行，如果他們已經點擊了傳說中的問題。

這裏是我的代碼：

var plotCustomerSurveyGraph = $.jqplot('CustomerSurveyLineGraph', [[0,1,3,2,3,0,1,3,1,2,3,1,2], [1,2,3,1,1,2,2,3,3,1,2,1,2], [1,2,3,4,4,3,2,2,1,4,3,2,2], [0,1,3,3,1,2,2,1,1,0,0,1,2],[2,2,3,3,4,4,0,2,0,1,1,3,3], [2,2,3,3,1,1,0,1,0,2,3,3,1], [1,3,1,4,3,3,1,2,3,4,1,2,1], [2,1,3,2,1,2,0,1,2,4,2,1,0]], 
{ 
      axes: 
      { 
       xaxis: 
       { 
         label: "Date (Week)", 
         ticks: ['1','2','3','4','5','6','7','8','9','10','11','12','13'] 
       }, 
       yaxis: 
       { 
        label: 'Rating', 
        labelRenderer: $.jqplot.CanvasAxisLabelRenderer, 
        ticks: ['0','1','2','3'] 
       } 
      }, 
    title:'Customer Survey (Last 3 Months)', 
      width: 480, height: 480, 
      legend:{show:true, location: 'e', placement: 'outsideGrid'}, 
    seriesDefaults: 
    { 
       rendererOptions: {smooth: true} 
    }, 
    series:[ 
       { 
        lineWidth:1, 
        label:'Staff Appearance', 
        markerOptions: { size:7, style:'dimaond' } 
       }, 
       { 
        lineWidth:1, 
        label:'Staff Product Knowledge', 
        markerOptions: { size: 7, style:"dimaond" } 
       }, 
       { 
        lineWidth:1, 
        label:'Staff Friendliness', 
        markerOptions: { size:7, style:"filledSquare" } 
       }, 
       { 
        lineWidth:1, 
        label:'Staff Wait Time Acceptable', 
        markerOptions: { size:7, style:"filledSquare" } 
       }, 
       { 
        lineWidth:1, 
        label:'Food Value For Money', 
        markerOptions: { size:7, style:"filledSquare" } 
       }, 
       { 
        lineWidth:1, 
        label:'Overall Quality of Meal', 
        markerOptions: { size:7, style:"filledSquare" } 
       }, 
       { 
        lineWidth:1, 
        label:'Cleanliness of the Premises', 
        markerOptions: { size:7, style:"filledSquare" } 
       }, 
       { 
        lineWidth:1, 
        label:'Ambience and Atmosphere of the Premises', 
        markerOptions: { size:7, style:"filledSquare" } 
       } 
       ] 
    } 
);

這裏是圖的圖像：

enter image description here

是否有可能啓用的功能隱藏/顯示行取決於是否他們已被點擊在傳說中？如果是這樣，我可以請一些幫助來做到這一點？

感謝

來源

2013-01-22 Garry

看到這個問題：http://stackoverflow.com/questions/14201911/動態圖表顯示隱藏系列通過點擊圖例在文本或框上的圖形/ 14227287＃14227287，在它我放在一起演示喲什麼喲你在問。 – Mark

此答案適用於JQ FLOT，不適用於JqPlot。 –

試試這個

在你的代碼添加renderer: $.jqplot.EnhancedLegendRenderer

legend:{ 
       renderer: $.jqplot.EnhancedLegendRenderer, 
       show:true, 
       location: 'e', 
       showSwatches: true, 
       placement: 'outsideGrid' 
      }

例子： http://jsfiddle.net/JWhmQ/1379/

來源

2013-01-22 03:05:23 Nandu

是的，它的作品。謝謝！ –

在LegendRenderer之後如何重新加載yaxis的最大值？ –

JQPlot隱藏線點擊

回答

相關問題