Question

所以这是代码，我想用视图值定义x轴，并将y轴定义为值一天，或打勾。我对jqplot或javascript知之甚少，所以你能不能给我一些如何使用这个绘制这样的图表的例子。 PHP变量$ daynumber通常为1（一天，一行）但我可以给出日期，哪个变体可能更好？

<script language="javascript" type="text/javascript">
$(document).ready(function(){
    var line1 = [<?php echo ''.$views.','; ?>];
    var ticks = [<?php echo ''.$daynumber.','; ?>];

    var plot1 = $.jqplot('chartdiv', [line1], {
        legend: {show:false},
        axes:{
            // here I define y-axes.
          xaxis:{
          ticks: ticks,
          tickOptions:{
            angle: -30
          },
          tickRenderer:$.jqplot.CanvasAxisTickRenderer,
            label:'Days',
          labelOptions:{
            fontFamily:'Helvetica',
            fontSize: '11pt'
          },
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer
          },
            // here I define y-axes
          yaxis:{
            renderer:$.jqplot.LogAxisRenderer,
            tickOptions:{
                labelPosition: 'middle',
                angle:-30
            },

            tickRenderer:$.jqplot.CanvasAxisTickRenderer,
            labelRenderer: $.jqplot.CanvasAxisLabelRenderer,

            labelOptions:{
                fontFamily:'Helvetica',
                fontSize: '11pt'
            },
                label:'Views'
            }
        }
    });

});
</script>

Answer 1

查看Date axes page for jqPlot。

它表示你的专栏应该采用格式

line1=[ [date,value], [anotherdate,otherValue] ];

并且不要忘记为jqplugin包含日期插件

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

JQPlot将x轴定义为天，将y轴定义为视图 - 这样做的方法？

1 个答案: