Javascript jqplot未在图表区域外隐藏点
我有下面的JQ图Javascript jqplot未在图表区域外隐藏点,javascript,jquery,css,jqplot,Javascript,Jquery,Css,Jqplot,我有下面的JQ图 plot1 = $.jqplot('chart1',[arr2],{ axes:{ xaxis:{ renderer:$.jqplot.DateAxisRenderer, tickRenderer: $.jqplot.CanvasAxisTickRenderer,
plot1 = $.jqplot('chart1',[arr2],{
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
tickOptions:{formatString:'%d %b %Y'},
min:'Mar 01, 2013',
max: 'Jun 01, 2013',
tickInterval:'1 month',
numberTicks: '11',
label: 'Release Date',
},
yaxis:{
renderer:$.jqplot.LogAxisRenderer,
tickOptions:{showMark: true},
label: 'Media Buzz',
showGridline: true,
show: false,
//padMin: '0',
//padMax: '0',
min: '0.2',
max: '50',
}
},
cursor:{
show: true,
zoom:true,
showTooltip:false,
constrainZoomTo: 'x',
showVerticalLine: true
},
seriesDefaults:{
renderer: $.jqplot.BubbleRenderer,
rendererOptions: {
autoscaleBubbles: false,
escapeHtml: false
},
shadow: true
}
}
问题是,当数组“arr2”包含位于图表区域之外的数据点时,它们会显示在网格之外(请参见下图)。有没有办法确保它们是隐藏的
而arr2
中的数据为:
["2013-02-27",30,10,"Events","Oscars"],
["2013-02-01",1.7730000000000001,10,"E1","Anti-viral",
{"budget":0,"genres": [
{"id":9648,"name":"Mystery"},
{"id":878,"name":"Science Fiction"},
{"id":53,"name":"Thriller"}
],
"id":125490,
"imdb_id":"tt2099556",
"original_title":"Antiviral",
"overview":"...",
"popularity":1.7730000000000001,
"production_companies":[],
"production_countries":[],
"release_date":"2012-10-12",
"revenue":0,
"runtime":110,
"spoken_languages":[
{"iso_639_1":"en","name":"English"}
],
"title":"Antiviral",
"vote_average":7.3,
"vote_count":2
}]
好吧,我终于明白了 问题在于气泡渲染器。一个快速的CSS修复工作
.jqplot-series-canvas {overflow: hidden;}
好吧,我终于明白了 问题在于气泡渲染器。一个快速的CSS修复工作
.jqplot-series-canvas {overflow: hidden;}
我不确定您的
xaxis-max
值的格式是否正确,因此它可能不适用。您能否显示arr2中数据的一些值?[“2013-02-27”,30,10,“事件”,“奥斯卡”],[“2013-02-01”,1.77300000000000001,10,“E1”,“抗病毒”,“预算”:0,“流派”:[{“id”:9648,“名称”:“神秘”},{“id”:878,“名称”:“科幻”},{“id”:53,“名称”:“惊悚片”}],“id”:125490,“imdb\U id:“tt2099556”,“原始标题”:“抗病毒”,“概述”,“受欢迎程度”:177300000000000001,“生产公司”:[],“生产国”:[],“发布日期”:“2012-10-12”,“收入”:0,“运行时”:110,“口语”:[{“iso_639_1”:“en”,“名称”:“英语”}],“标题”:“抗病毒药物”,“投票平均数”:7.3,“投票计数”:2}]我不相信你的xaxis-max的值是正确的格式,因此它可能不适用。你能在arr2中显示一些数据值吗?[“2013-02-27”,30,10,“事件”,“奥斯卡”],[“2013-02-01”,1.77300000000000001,10,“E1”,“抗病毒”,{“预算”:0,“流派”:[{“id”:9648,“名称”:“神秘”},{“id”:878,“名称”:“科幻”},{id:53,“姓名”:“Thriller”}],“id:125490,”imdb_id:“tt2099556”,“原创标题”:“抗病毒”,“概述”:“…”,“流行度”:1.77300000000001,“生产公司”:[],“生产国”:[],“发布日期”:“2012-10-12”,“收入”:0,“运行时”:110,“口语”:[{“iso_639_1”:“en”,“姓名”:“英语”;“标题”:“抗病毒”,“投票平均数”:7.3,”投票:2}]谢谢你的回复,希望有一天它能帮助某人。谢谢你的回复,希望有一天它能帮助某人。