我有一个常规条形图,唯一的区别是刻度标签是旋转的,如本文档的示例所示:
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/
至少它给出了代码结构。