jqPlot - 在x轴上有多个角度的刻度线

我对x轴上的刻度线有个疑问。我使用jqPlot 0.9.7jqPlot - 在x轴上有多个角度的刻度线

我的蜱虫是多行的，像这样：a <br> b <br> c <br> d。我使用renderer: $.jqplot.CategoryAxisRenderer，它运作良好，所以蜱显示在多行和
作品。

现在我需要将它们旋转30º。我试过'角度：-30'，但它不是的工作。

采用这种配置：

xaxis: { 
     renderer: $.jqplot.CategoryAxisRenderer, 
     tickRenderer: $.jqplot.CanvasAxisTickRenderer , 
     ticks: ['a <br> b <br> c <br> d' , 'p <br> q <br> r <br> s'], 
     tickOptions:{ 
       angle: -30, 
       fontSize: '9px' 
     } 

}

蜱在一个单一的，旋转时，长虚线表示。 <br>和\n 都不被解释为我需要。这是我找到的最好的方法。

有没有解决方案？我怎样才能写出旋转的文字滴答声？

任何建议对我都很有帮助。在此先感谢。此致敬礼

来源

2011-03-15 yaki_nuka

为了正确的语法工作，您需要包括以下脚本以及默认jqPlots脚本。

jqplot.canvasTextRenderer.min.js
jqplot.dateAxisRenderer.min.js
jqplot.canvasAxisTickRenderer.min.js

（以上文件附带jqPlot封装）。

然后添加以下的情节选项列表

axesDefaults: { 
    tickRenderer: $.jqplot.CanvasAxisTickRenderer , 
},

然后你

tickOptions: { 
     angle: -30, 
    }

将是有效的。

例如从jqPlot

.... 
    series: [{renderer: $.jqplot.BarRenderer}], 
    axesDefaults: { 
     tickRenderer: $.jqplot.CanvasAxisTickRenderer , 
     tickOptions: { 
      angle: -90, 
      fontSize: '10pt' 
     } 
    }, 
    axes: { 
     xaxis: { 
      renderer: $.jqplot.CategoryAxisRenderer, 
      ticks: ticks 
     }, 
     yaxis: {  
      tickOptions: { 
       angle: 0, 
       fontSize: '10pt' 
      } 
     } 
    }, 
....

例子可以在这里找到： http://www.jqplot.com/tests/rotated-tick-labels.php

来源

2011-06-01 11:46:23

我在剧本有这一点，但这个没有做任何事情:(是的我确实有脚本 – AntonioCS 2012-03-14 17:37:49

不要忘了补充：

<script type="text/javascript" src="../src/plugins/jqplot.canvasTextRenderer.min.js"></script> 
<script type="text/javascript" src="../src/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>

来源

2011-11-10 16:27:24 bGuilz

jqPlot - 在x轴上有多个角度的刻度线

回答

相关问题