CSDNRGY 2015-08-01 05:42 采纳率: 87.5%
浏览 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条回答 默认 最新

  • Go 旅城通票 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条)

报告相同问题？

悬赏问题

  • ¥15 用三极管设计一个单管共射放大电路
  • ¥20 fluent无法启动
  • ¥15 孟德尔随机化r语言运行问题
  • ¥15 pyinstaller编译的时候出现No module named 'imp'
  • ¥15 nirs_kit中打码怎么看(打码文件是csv格式)
  • ¥15 怎么把多于硬盘空间放到根目录下
  • ¥15 Matlab问题解答有两个问题
  • ¥15 LCD12864中文显示
  • ¥15 在使用CH341SER.EXE时不小心把所有驱动文件删除了怎么解决
  • ¥15 gsoap生成onvif框架