0

我有一个常规条形图,唯一的区别是刻度标签是旋转的,如本文档的示例所示:

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/

至少它给出了代码结构。

4

1 回答 1

0

它对我来说很好,因为它呈现&quot为“。看看我为你准备的例子:Jsfiddle link

于 2013-10-29T23:44:15.727 回答