Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.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 空白图表-未绘制任何数据_Javascript_Jqplot - Fatal编程技术网

Javascript 空白图表-未绘制任何数据

Javascript 空白图表-未绘制任何数据,javascript,jqplot,Javascript,Jqplot,Javascript代码- $.jqplot.config.enablePlugins = true; var defaultHighlighter = {tooltipAxes: 'y',showTooltip: true,tooltipLocation: 'n',tooltipOffset: 10,yvalues:1,formatString:'%.0f user'}; var globalTicks = [[-1,' '],[0,'12 am'],[1,

Javascript代码-

$.jqplot.config.enablePlugins = true;
var defaultHighlighter =  {tooltipAxes: 'y',showTooltip: true,tooltipLocation: 'n',tooltipOffset: 10,yvalues:1,formatString:'%.0f user'};                 
var globalTicks = [[-1,' '],[0,'12 am'],[1,'1 am'],[2,'2 am'],[3,'3 am'],[4,'4 am'],[5,'5 am'],[6,'6 am'],[7,'7 am'],[8,'8 am'],[9,'9 am'],[10,'10 am'],[11,'11 am'],[12,'12 pm'],[13,'1 pm'],[14,'2 pm'],[15,'3 pm'],[16,'4 pm'],[17,'5 pm'],[18,'6 pm'],[19,'7 pm'],[20,'8 pm'],[21,'9 pm'],[22,'10 pm'],[23,'11 pm'],[24,[' ']]];
var fullGraphOptions = {seriesDefaults: {pointLabels:{show:false},showMarker:true,markerOptions:{style: 'filledCircle'}},axes:{xaxis:{rendererOptions:{tickRenderer:$.jqplot.CanvasAxisTickRenderer},tickOptions:{angle:-45},ticks:globalTicks},yaxis:{min:0,tickOptions:{formatString:'%.0f'}}},highlighter:defaultHighlighter};        
fullanalysis1 = $.jqplot('hourlyGraph-1', [[[63,63],[68,68],[87,87],[108,108],[135,135],[138,138],[147,147],[167,167],[130,130],[145,145],[144,144],[127,127],[134,134],[132,132],[147,147],[158,158],[157,157],[166,166],[170,170],[124,124],[107,107],[77,77],[62,62],[88,88]]], fullGraphOptions);
fullanalysis2 = $.jqplot('hourlyGraph-2', [[[63,63],[68,68],[87,87],[108,108],[135,135],[138,138],[147,147],[167,167],[130,130],[145,145],[144,144],[127,127],[134,134],[132,132],[147,147],[158,158],[157,157],[166,166],[170,170],[124,124],[107,107],[77,77],[62,62],[88,88]]], fullGraphOptions);
fullanalysis3 = $.jqplot('hourlyGraph-3', [[[63,63],[68,68],[87,87],[108,108],[135,135],[138,138],[147,147],[167,167],[130,130],[145,145],[144,144],[127,127],[134,134],[132,132],[147,147],[158,158],[157,157],[166,166],[170,170],[124,124],[107,107],[77,77],[62,62],[88,88]]], fullGraphOptions);
fullanalysis4 = $.jqplot('hourlyGraph-4', [[[63,63],[68,68],[87,87],[108,108],[135,135],[138,138],[147,147],[167,167],[130,130],[145,145],[144,144],[127,127],[134,134],[132,132],[147,147],[158,158],[157,157],[166,166],[170,170],[124,124],[107,107],[77,77],[62,62],[88,88]]], fullGraphOptions);
所有四个图都有相同的结果-

根本不进行绘图

代码中的数据只是一个示例

有什么问题吗?Firefox运行的屏幕截图 软呢帽14

谢谢大家


编辑:Firebug控制台中没有任何错误。

您的数据格式似乎有误。您正在尝试使用数组绘制单个序列。与其给出数据为[63,63]、[68,68]、[87,87…],不如给出数据为[63,68,87…]。以下是运行图表的正确方法:

var data = [63, 68, 87, 108,135,138,147,167,130];           

var globalTicks = ['12 am','1 am','2 am','3 am','4 am','5 am','6 am','7 am','8 am'];

var fullGraphOptions = {
    seriesDefaults: {
        pointLabels:{
            show:true
        },
        showMarker:true,
        markerOptions:{
            style: 'filledCircle'
        }
    },
    axes:{
        xaxis:{
            renderer: $.jqplot.CategoryAxisRenderer,
            tickRenderer:$.jqplot.CanvasAxisTickRenderer,                       
            tickOptions:{
                angle:-45
            },
            ticks:globalTicks
        },

        yaxis:{
            min:0,
            tickOptions:{
                formatString:'%.0f'
            }
        }
    },
    highlighter:defaultHighlighter
};        

fullanalysis1 = $.jqplot('chartdiv', [data], fullGraphOptions);

firbug控制台中是否有错误?为什么有[68,68]?一个系列有两个值?