JQPlot图表在弹出窗口中不可见

时间:2017-08-28 11:52:22

标签: javascript jquery html css jqplot

我尝试运行以下函数在弹出窗口中创建一个jqplot作为结果,但是图表显示的空间是空白的,尽管我将其编码为可见。 pArrData是一个数组,包含从不同文件接收的数据 任何人都可以帮助我吗?

function ScatterPlot(pDiv,
                 pArrData,
                 pChartTitle,
                 pXAxisTitle,
                 pYAxisTitle)
{

    document.getElementById(pDiv).style.display = "block";

    if (vScatterPlot)
    {
        vScatterPlot.destroy();
    }

    var vChartData = [pArrData];
    var vChartOptions =     
    {
        title: pChartTitle,
        axes:
        {
            xaxis:
            {
                label: pXAxisTitle,
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                labelOptions:
                {
                    fontFamily: 'Century Gothic',
                    fontSize: '12pt'
                },
                tickOptions:
                { 
                    fontFamily: 'Century Gothic',
                    fontSize: '10pt'
                },
            }, 
            yaxis:
            {
                label: pYAxisTitle,
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                labelOptions:
                {
                    fontFamily: 'Century Gothic',
                    fontSize: '12pt'
                },
                tickOptions:
                { 
                    fontFamily: 'Century Gothic',
                    fontSize: '10pt'
                },
                tickRenderer:$.jqplot.CanvasAxisTickRenderer,
            }
        },
        seriesDefaults:
        {
            renderer: $.jqplot.BubbleRenderer,
            rendererOptions: 
            {
                bubbleAlpha: 0.6,
                highlightAlpha: 0.8,
                autoscaleBubbles: false,
                showLabels: false
            },
            shadow: true,
            shadowAlpha: 0.05,
        }
    };


    $.jqplot(pDiv, vChartData, vChartOptions).replot();

}

0 个答案:

没有答案