سؤال

So this is code where I want to define x-axes with value of views, and y-axes as value of day, or tick. I have small knowledge with jqplot or javascript, so could you please give me examples of how I could draw such chart using this. PHP variable $daynumber is usually 1 (for one day, one row) but I can give date aswell, which variant could be better?

<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>
هل كانت مفيدة؟

المحلول

Take a look in Date axes page for jqPlot.

It says that your line should look in format

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

And dont forget to include date plugin for jqplugin

<script type="text/javascript" src="../src/plugins/jqplot.dateAxisRenderer.min.js"></script>
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top