douhan8009 2017-09-05 14:15
浏览 74

带有数组数据的jqPlot图表

I want create chart using jqplot, i keep my data in array and after direct it in jqplot function, chart display only one (last) pair of data. How can I fix it? I attach this part of code. Please help me :)

<!DOCTYPE HTML PUBLIC>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html" charset="iso-8859-2">

    <link rel="stylesheet" href="style.css" type="text/css">
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>


    <link rel="stylesheet" type="text/css" href="js/jquery.jqplot.css" />


    <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-migrate-1.0.0.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.jqplot.min.js"></script>
    <script type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.js"></script>


    <script type="text/javascript">
        $(function() {
            var dataRe = new Array();
            var var1 = new Array();
            var k; <? php
            if (isset($data)): ?>
                <? php $a = 0;
            foreach($data as $data2): ?>

                dateRe[ <? php echo $a; ?> ] = '<?php echo $data2['
            data_re ']?>';
            var1[ <? php echo $a; ?> ] = '<?php echo $data2['
            var1 ']?>';

            var pairData = [
                [dataRe[ <? php echo $a; ?> ], var1[ <? php echo $a; ?> ]]
            ];

            k = '<?php echo $a; ?>';

            <? php $a++;
            endforeach; ?>
            <? php endif; ?>

            $.jqplot('chartdiv', [pairData], {
                title: 'Example chart',
                axes: {
                    xaxis: {
                        renderer: $.jqplot.DateAxisRenderer,
                        tickOptions: {
                            formatString: '%Y-%m-%d'
                        },

                    }

                },
                series: [{
                    lineWidth: 4,
                    markerOptions: {
                        style: 'square'
                    }
                }]
            });
        });

    </script>
</head>

When i display pairData it do it correctly.

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 Eclipse官网打不开,官网首页进不去,显示无法访问此页面,求解决方法
    • ¥15 关于smbclient 库的使用
    • ¥15 微信小程序协议怎么写
    • ¥15 c语言怎么用printf(“\b \b”)与getch()实现黑框里写入与删除?
    • ¥20 怎么用dlib库的算法识别小麦病虫害
    • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
    • ¥15 java写代码遇到问题,求帮助
    • ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
    • ¥15 有了解d3和topogram.js库的吗?有偿请教
    • ¥100 任意维数的K均值聚类