Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqPlot:旋转xaxis日期标签_Javascript_Jquery_Jqplot - Fatal编程技术网

Javascript jqPlot:旋转xaxis日期标签

Javascript jqPlot:旋转xaxis日期标签,javascript,jquery,jqplot,Javascript,Jquery,Jqplot,我正试着在我的X轴上旋转日期。似乎没有考虑rotate参数,而fontFamily、fontSize和formatString起作用 我将jqPlot 1.0.8与jQuery 1.10.2和Firefox 23.0.1一起使用 HTML: <div id="chart-blood-pressure" class="jqplot-target" data-json="{&quot;diastolic_blood_pressure&quot;:[[&quot;201

我正试着在我的X轴上旋转日期。似乎没有考虑
rotate
参数,而
fontFamily
fontSize
formatString
起作用

我将jqPlot 1.0.8与jQuery 1.10.2和Firefox 23.0.1一起使用

HTML:

<div id="chart-blood-pressure" class="jqplot-target" data-json="{&quot;diastolic_blood_pressure&quot;:[[&quot;2013\/09\/25 00:00:00&quot;,100],[&quot;2013\/09\/24 00:00:00&quot;,70]],&quot;systolic_blood_pressure&quot;:[[&quot;2013\/09\/25 00:00:00&quot;,130],[&quot;2013\/09\/24 00:00:00&quot;,120]],&quot;heart_rate&quot;:[[&quot;2013\/09\/25 00:00:00&quot;,76],[&quot;2013\/09\/24 00:00:00&quot;,85]]}"></div>

您必须包含canvasAxisTickRenderer插件:或来自jqPlot源(“/src/plugins/jqPlot.canvasAxisTickRenderer.min.js”)


//或

请参见工作示例

谢谢!!这是一个混乱的所有这些插件需要是的,它是!!jqPlot文档中的示例可以让您很好地了解特定问题需要哪些插件。事实上,一些示例页面不完整,并没有提供所需的所有插件。。。例如:)你是对的。我之前的评论仅限于以下例子:)
$(document).ready(function(){
    var data = $('#chart-blood-pressure').data('json');
    var plot = $.jqplot('chart-blood-pressure', [data.diastolic_blood_pressure, data.systolic_blood_pressure, data.heart_rate], {
        axes:{
            xaxis:{
                renderer:$.jqplot.DateAxisRenderer,
                rendererOptions:{
                    tickRenderer:$.jqplot.CanvasAxisTickRenderer
                },
                tickInterval:'1 day',
                tickOptions:{
                    fontSize:'10pt',
                    fontFamily:'Tahoma',
                    angle:-40,
                    formatString:'%b %#d, %Y',
                }
            },
        },
    });
});
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>  
//or
<script type="text/javascript" src="../src/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>