私は通常の棒グラフを持っていますが、唯一の違いは、このドキュメントの例のように目盛りラベルが回転していることです:
http://www.jqplot.com/tests/rotated-tick-labels.php
これで、html としてレンダリングする必要があるラベル文字列にいくつかの html コードを取得するまで、グラフは正常に機能します。主に html コードについて話しています。
http://www.ascii.cl/htmlcodes.htm
私が特定の問題を抱えているコードは"
、" .
html のエンコーディングは、通常、円グラフと棒グラフでtickRenderer: $.jqplot.CanvasAxisTickRenderer
問題なく機能しますが、 を追加すると、ラベルが壊れて、上記の"
.
jqplot レンダリング スクリプトの例を次に示します。
$(document).ready(function(){
var line1 = [['"Cup Holder Pinion Bob"', 7], ['Generic "Fog" Lamp', 9], ['HDTV Receiver', 15],
['8 Track Control Module', 12], [' Sludge Pump Fourier Modulator', 3],
['Transcender/Spice Rack', 6], ['Hair Spray Danger Indicator', 18]];
var plot1 = $.jqplot('bar-test', [line1], {
title: 'Concern vs. Occurrance',
series:[{renderer:$.jqplot.BarRenderer,escapeHTML: false}],
seriesDefaults: {
pointLabels: {
show: true,
escapeHTML: false
}
},
axesDefaults: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
tickOptions: {
angle: -30,
fontSize: '10pt'
}
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer
}
}
});
});
jsfiddle を作成しようとしましたが、そこに jqplot をロードする方法がわかりません: http://jsfiddle.net/6g7C6/
少なくともコード構造を提供します。