jqPlot使用canvastickrenderer手动定义的刻度标签
jqPlot Using manually defined tick labels with canvastickrenderer
我需要手动定义x轴上的刻度标签。只要我使用CategoryAxisRenderer
,它就可以正常工作,但我想使用tickRenderer: $.jqplot.CanvasAxisTickRenderer
旋转标签。现在,x轴在一个步骤中自动标记为从0到xx。
要使用手动定义的数组,我该怎么办?
带有旋转标签的完整代码看起来像:
`$(document).ready(function () {
var data_array = <?php echo json_encode($data) ?>;
var s1 = new Array;
var s2 = new Array;
var ticks = new Array();
$.each(data_array, function (j, elem) {
$.each(elem, function (i, elem) {
s1[i] = parseInt(elem['up']);
s2[i] = parseInt(elem['down']);
ticks[i] = parseInt(elem['minute']);
if(ticks[i]%5!=0){
ticks[i]='';
}
});
$.jqplot(elem['name'], [s1,s2],{
title:elem['name'],
stackSeries: true,
seriesColors:['#33CC00','#FF3300'],
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
rendererOptions: {
fillToZero: true,
varyBarColor: true
}
},
axes: {
yaxis: { pad: 1.05},
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks,
showLabel: true,
tickOptions: {
angle: 30,
labelPosition:'start',
},
}
},
axesDefaults: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
}
}//end jqplot
);
});
});`
目前,ticks数组只填充了数字,但稍后会包含一些文本标签。当我注释掉tickRenderer: $.jqplot.CanvasAxisTickRenderer
时,我的记号数组显示为x轴标签。
我尝试了几种选择,但找不到解决方案。
有人能帮我吗?提前感谢!
我终于解决了这个问题。我不知道为什么,但提供像ticks[i]=' '
这样的空格字符而不是ticks[i]=''
解决了这个问题。
相关文章:
- Highcharts-如何在自定义格式化程序中获得默认的y轴标签格式化程序
- 不使用自定义CSS或HTML(使用框架方法)的角度材质文本输入或文本区域标签大小
- Firefox Addon为什么标签页的readystate未定义
- 在javascript中调用自定义谷歌搜索标签时出现问题
- 如何为javascript创建自定义标签?或者这是我不知道的其他事情吗;我不知道
- 圆环饼图中数据标签的自定义CSS类
- 动态自定义文本堆栈标签Highcharts
- jqPlot使用canvastickrenderer手动定义的刻度标签
- 我使用谷歌标签管理器在我的网站上启动标签.变量“;未定义的“;在任何版本的Internet Explorer的自定义代码
- 如果JavaScript标签是通过谷歌标签管理器插入到页面上的,那么它们的延迟程度是多少;s的自定义HTML
- Firefox 25 没有为音频标签定义 play()
- 如何在没有代码隐藏访问权限的情况下将自定义 HTML 属性添加到 ASP.NET 标签
- 将图表工具提示自定义为标签,其中线条指向饼图段
- 需要帮助从数组制作折线图,我想要自定义刻度标签
- JQPLOT 根据标签名称为饼图设置自定义颜色
- Google 地图使用自定义标签对地址进行地理编码
- 高图表自定义 xAxis 标签
- JavaScript 通过脚本标签定义作用域
- 未捕获的ReferenceError: $没有为jQuery标签定义
- 当图像标签id放在asp服务器控件内时,访问javascript中的图像标签id,错误:服务器标签定义不正确