1

次のような配列から作成された単純なグラフがあります。

var plot2 = [[1,1.3,"1.3"],[2,0.3,"0.3"],[3,3.3,"3.3"],[4,1.7,"1.7"]];

そして、このようにdivに追加されます。

var plot1 = $.jqplot ('graph', [plot2],{
  grid:{
    background:"transparent",
    borderColor:"#6c9922",
    gridLineColor:"#6c9922",
    shadow:false
  },
  axes: {
    xaxis: {
      tickOptions:{formatString:'%.0f'},
      pad: 0,
      min:0,
      max:5
    },
    yaxis: {
      tickOptions:{formatString:'%.1f'},
      pad: 0,
      min:0,
      max:5
    },
  },
  series:[{
    lineWidth:2,
    markerOptions: {size:2,style:"circle"}
  }],
  seriesDefaults:{
    showMarker:true,
    pointLabels:{ show:true }
  },
  seriesColors:["#ffffff"]
});

私の問題は、私のWebサイトの一部のユーザーが、最新のChromeとFirefoxの両方を使用してグラフを表示できないこと、およびエラーが発生したことを報告していることです。

Uncaught Canvas dimension not set jquery.jqplot.min.js:57

ズームレベルが100％に設定されている場合にのみグラフが機能すると言う人もいます。

それ以来、これはあまり意味がなく、私が試したすべてのシステムですべてが完璧に機能します。

それで、誰かが何が間違っている可能性があるかについて何か考えを持っていますか？

エラーを検索しましたが、見つけることができるのはjqplotプラグインのソースコードだけです。

4

1 に答える 1

0

属性配列に次の変更を加えましたが、うまくいったようです。エラーが発生したことがないので、確かにはわかりませんが、軸の最小値および/または最大値と関係があるに違いありません。

var plot1 = $.jqplot ('graph', [plot2],{
  grid:{
    background:"transparent",
    borderColor:"#6c9922",
    gridLineColor:"#6c9922",
    shadow:false
  },
  axes: {
    xaxis: {
      tickOptions:{formatString:'%.0f'},
      pad: 0
    },
    yaxis: {
      tickOptions:{formatString:'%.1f'},
      pad: 0
    },
  },
  series:[{
    lineWidth:2,
    markerOptions: {size:2,style:"circle"}
  }],
  seriesDefaults:{
    showMarker:true,
    pointLabels:{ show:true }
  },
  seriesColors:["#ffffff"]
});
于 2012-11-12T10:19:45.590 に答える