Javascript JQPlot从图例中隐藏线单击

Javascript JQPlot从图例中隐藏线单击,javascript,graph,show-hide,jqplot,legend,Javascript,Graph,Show Hide,Jqplot,Legend,可能重复: 我正在使用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

可能重复:

我正在使用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" }
                }
                ]
    }
); 
下面是图表的图像:

根据图例中是否单击了线,是否可以启用功能来隐藏/显示线?如果是这样的话,我能帮忙吗

谢谢你试试这个

在代码中添加
渲染器:$.jqplot.EnhancedLegendRenderer

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

请看这个问题:,我在其中演示了您的问题。这个答案适用于JQ FLOT,不适用于JqPlot。是的,它很有效。谢谢如何在LegendRenderer之后重新加载yaxis的最大值?