CSDNRGY 2015-08-01 05:42 采纳率: 88.2%
浏览 2480
已采纳

怎么把页面中List的值传到jQuery里,求大神指教~~~

 <!doctype html>
<html>
    <head>
        <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
        <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/exporting.js"></script>
        <script type="text/javascript">
            $(function (){
                $('#container').highcharts({
                    title: {
                        text: '?',
                    },
                    xAxis: {
                        categories: []
                    },
                    yAxis: {

                        title: {
                            text: '数据'
                        },
                    },
                    series: [{
                        name: '?',
                        data: []
                    }]
                });
            });
        </script>
        <script type="text/javascript">
            $(function () {
                $('#container2').highcharts({
                    title: {
                        text: '链球菌毒素O',
                    },
                    xAxis: {
                        categories: []
                    },
                    yAxis: {

                        title: {
                            text: '数据'
                        },
                    },
                    series: [{
                        name: 'SBASO',
                        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
                    }]
                });
            });
        </script>
    </head>
    <body>
        <h1>曲线图</h1>
        <!-- 第一个空图 -->
        <div id="container" style="width:300px;height:300px;float:left;"></div>
        <!-- 第二个有数据的图 -->
        <div id="container2" style="width:300px;height:300px;float:left;"></div>
        <table border="1" align="left">
            <tr>
                <td>CName</td>
                <td>EName</td>
                <td>Time</td>
                <td>Date</td>               
            </tr>
            <tr>
                <td>血小板</td>
                <td>HPLT</td>
                <td>1</td>
                <td>7.0</td>                
            </tr>
            <tr>
                <td>血小板</td>
                <td>HPLT</td>
                <td>2</td>
                <td>6.9</td>                
            </tr>
            <tr>
                <td>血小板</td>
                <td>HPLT</td>
                <td>3</td>
                <td>9.5</td>                
            </tr>
        </table>
    </body>
</html>

求管理删帖子

  • 写回答

8条回答 默认 最新

  • 斯洛文尼亚旅游 2015-08-01 09:37
    关注

    自己遍历表格获取需要的数据赋值给highchart

     <!doctype html>
<html>
<head>
    <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
    <script src="http://code.highcharts.com/highcharts.js"></script>
    <script src="http://code.highcharts.com/modules/exporting.js"></script>
    <script type="text/javascript">
        $(function () {
            var tb = $('#tb'), title = tb.find('tr:eq(1) td').html();
            var series = [{ name: tb.find('tr:eq(0) td:eq(2)').html(), data: [] }, { name: tb.find('tr:eq(0) td:eq(3)').html(), data: [] }];
            tb.find('tr:gt(0)').each(function () {
                series[0].data.push(this.cells[2].innerHTML);
                series[1].data.push(parseFloat(this.cells[3].innerHTML));
            });
            $('#container').highcharts({
                title: {
                    text: title,
                },
                xAxis: {
                    title: {
                        text: series[0].name
                    },
                    categories: series[0].data
                },
                yAxis: {
                    title: {
                        text: '数据'
                    },
                },
                series: [series[1]]
            });
        });
    </script>
    <script type="text/javascript">
        $(function () {
            $('#container2').highcharts({
                title: {
                    text: '链球菌毒素O',
                },
                xAxis: {
                    categories: []
                },
                yAxis: {

                    title: {
                        text: '数据'
                    },
                },
                series: [{
                    name: 'SBASO',
                    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
                }]
            });
        });
    </script>
</head>
<body>
    <h1>曲线图</h1>
    <!-- 第一个空图 -->
    <div id="container" style="width:300px;height:300px;float:left;"></div>
    <!-- 第二个有数据的图 -->
    <div id="container2" style="width:300px;height:300px;float:left;"></div>
    <table border="1" align="left" id="tb">
        <tr>
            <td>CName</td>
            <td>EName</td>
            <td>Time</td>
            <td>Date</td>
        </tr>
        <tr>
            <td>血小板</td>
            <td>HPLT</td>
            <td>1</td>
            <td>7.0</td>
        </tr>
        <tr>
            <td>血小板</td>
            <td>HPLT</td>
            <td>2</td>
            <td>6.9</td>
        </tr>
        <tr>
            <td>血小板</td>
            <td>HPLT</td>
            <td>3</td>
            <td>9.5</td>
        </tr>
    </table>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(7条)

报告相同问题？

悬赏问题

  • ¥20 修改中兴光猫sn的时候提示失败
  • ¥15 java大作业爬取网页
  • ¥15 怎么获取欧易的btc永续合约和交割合约的5m级的历史数据用来回测套利策略？
  • ¥15 有没有办法利用libusb读取usb设备数据
  • ¥15 为什么openeluer里面按不了python3呢？
  • ¥15 关于#matlab#的问题：训练序列与输入层维度不一样
  • ¥15 关于Ubuntu20.04.3LTS遇到的问题：在安装完CUDA驱动后，电脑会进入卡死的情况，但可以通过键盘按键进入安全重启，但重启完又会进入该情况！
  • ¥15 关于#嵌入式硬件#的问题：树莓派第一天重装配置python和opencv后第二天打开就成这样，瞎捣鼓搞出来文件夹还是没把原来的界面调回来
  • ¥20 Arduino 循迹小车程序电路出错故障求解
  • ¥20 Arduino 循迹小车程序电路出错故障求解