jqplot：將xaxis刻度文本拆分爲單詞

我在圖形軸上使用的標籤包含具有多個單詞的文本。就像這樣：jqplot：將xaxis刻度文本拆分爲單詞

enter image description here

，它看起來不錯。我嘗試過（如圖中所示），用brs或\ n替換智慧空間以便將文本呈現在多行中。結果不是我期望得到的結果。

如何將滴答文本分成單詞並在一行中繪製每個單詞？

2013-03-14 Zelter Ady

<br/>正在嘗試將您的文本分成兩行。看一個工作示例here。

爲了使它工作，不要忘記加載一些jqplot插件：CanvasAxisTickRenderer，CategoryAxisRenderer。然後您需要將tickRenderer: $.jqplot.CanvasAxisTickRenderer應用於您的系列。你需要將renderer: $.jqplot.CategoryAxisRenderer應用到你的yaxis上。

來源

2013-03-15 07:29:38 AnthonyLeGovic

感謝您的例子。我看到它工作。但在我的代碼中 - 我動態地構建了這個系列，並且我不能讓它工作。就我而言，正如你所看到的，如果我使用「\ n」，
或空格被渲染而不是新行。我不知道我在做什麼霧！ – 2013-03-17 09:45:02

您可以檢查「
」標籤和「\ n」是否被轉義？ CanvasAxisTickRenderer插件是否裝載良好並在您的系列中使用？ – AnthonyLeGovic 2013-03-18 07:36:36

所有問題都是因爲我在客戶端使用的框架來管理頁面的元素。我在與其他圖形呈現相同的地方運行你的例子，並且你的圖形正確渲染 - 用單詞分割成行 - 另一個不是。如何在運行時使用螢火蟲檢查
是否已被轉義？ – 2013-03-18 07:45:45

對我來說，< br/>沒有工作，並且\ n沒有。

我的配置：

jQuery.jqplot(element, configuration.series, { 
     stackSeries: true, 
     animate: false, 
     captureRightClick: false, 
     seriesColors: ['green', 'blue', 'yellow', 'orange', 'red'], 
     seriesDefaults: { 
      renderer: jQuery.jqplot.BarRenderer, 
      rendererOptions: { 
       shadowOffset: 0, 
       barDirection: 'horizontal', 
       highlightMouseDown: false, 
       barWidth: 20, 
      }, 
      pointLabels: { 
       show: false 
      } 
     }, 
     axesDefaults: { 
      min: 0, 
      minorTicks: 0, 
      tickOptions: { 
       formatString: '%d' 
      } 
     }, 
     highlighter: { 
      show: false 
     }, 
     axes: { 
      yaxis: { 
       renderer: jQuery.jqplot.CategoryAxisRenderer, 
       ticks: configuration.labels 
      }, 
      xaxis: { 
       ticks: configuration.ticks, 
       label:'Hours', 
       labelOptions:{ 
        fontFamily:'Helvetica', 
        fontSize: '10pt' 
       }, 
      } 
     } 
    });

來源

2016-06-23 14:05:09 sveilleux2

jqplot：將xaxis刻度文本拆分爲單詞

回答

相關問題