2013-10-29 39 views
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/

至少它使代碼結構。

回答