2013-03-15 3 views
0

У меня есть график графика JQ.jqplot не скрывается за пределами области диаграммы

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» содержит точки данных, которые выходят за пределы области диаграммы, они отображаются от сетки (см рисунок ниже). Есть ли способ убедиться, что они скрыты?

Image 1

и данные в 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", 
    "origin‌​al_title":"Antiviral", 
    "overview":"...", 
    "popularity":1.7730000000000001, 
    "productio‌​n_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 
}] 
+0

Я не уверен, что ваше значение для 'xaxis-max' находится в правильном формате, поэтому оно может не применяться. Вы могли бы показать некоторые значения для данных в 'arr2'? – Raad

+0

["2013-02-27", 30,10, "События", "Оскары"], ["2013-02-01", 1.7730000000000001,10, "E1", "Антивирусные", {"бюджет" : 0, «жанры»: [{«id»: 9648, «name»: «Mystery»}, {«id»: 878, «name»: «Science Fiction»}, {"id": 53, "name ":" Thriller "}]," идентификатор ": 125490," imdb_id ":" tt2099556" , "ORIGINAL_TITLE": "Противовирусное", "Обзор": "... "" популярность ": 1,7730000000000001," production_companies": [], "production_countries": [], "RELEASE_DATE": "2012-10-12", "доход": 0, "среда": 110, "spoken_languages": [{ "iso_639_1": "ан", "имя «:« Английский »}],« title »:« Antiviral »,« vote_average »: 7.3,« vote_count »: 2}] – AntonCooper

ответ

3

Хорошо я наконец понял это!

Проблема была с рендерером пузыря. Быстрое исправление CSS исправлено

.jqplot-series-canvas {overflow: hidden;} 
+0

Спасибо за ваш ответ, надеюсь, что когда-нибудь он поможет кому-то. – AnthonyLeGovic