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的最大值?