调用谷歌的方法输出图表，运行中的结果

最新推荐文章于 2024-04-30 22:06:17 发布
最新推荐文章于 2024-04-30 22:06:17 发布
阅读量190 收藏
点赞数
文章标签： xhtml javascript ViewUI 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
	报告详情
</title><link rel="Stylesheet" type="text/css" href="css/Report.css" />
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
	google.load('visualization', '1', { packages: ['corechart'] });
</script>
<script type="text/javascript">
         function drawChart(){
         drawColumn('ZChart',['负面','中立','正面'],'一周信息量比较',['#FF0000' ,'#ADADAD' , '#2828FF'],['法航','荷航','汉莎','阿联酋','卡塔尔'],[[100,160,3,9,20],[675,593,14,301,529],[109,102,21,30,104]],500);
                drawColumn('divPositive',['正面'],'一周正面信息量比较',['#2828FF'],['法航','荷航','汉莎','阿联酋','卡塔尔'],[[109,102,21,30,104]],330);
                drawColumn('divNegative',['负面'],'一周负面信息量比较',['#FF0000'],['法航','荷航','汉莎','阿联酋','卡塔尔'],[[100,160,3,9,20]],330);

                
                
                drawColumn1('divNegService',['博客','论坛','微博','问答','新闻','视频'],'负面媒体类型构成',['#930000','#AE8F00','#548C00','#4DFFFF','#0000E3','#28004D'],['法航','荷航','汉莎','阿联酋','卡塔尔'],[[0,1,0,0,0],[9,7,0,0,20],[83,29,0,100,75],[4,3,33,0,5],[4,58,66,0,0],[0,0,0,0,0]],550);
                drawColumn1('divPostService',['博客','论坛','微博','问答','新闻','视频'],'正面媒体类型构成',['#930000','#AE8F00','#548C00','#4DFFFF','#0000E3','#28004D'],['法航','荷航','汉莎','阿联酋','卡塔尔'],[[0,0,0,6,0],[2,2,4,3,1],[54,79,90,50,85],[0,0,0,3,0],[42,16,4,36,11],[0,0,0,0,0]],550);
                
                drawPie('divNegTopic2',['驾驶安全性','行李','登转机服务','空乘服务','品牌','票务服务','机舱环境','餐饮'],[5,26,10,2,14,2,2,1],'法航负面话题构成',['#4f81bd','#9bbb59','#8064a2','#c0504d','#f2dddc','#c5d9f1','#e4bf19','#ccc0da','#4bacc6']);
                drawPie('divNegTopic3',['登转机服务','空乘服务','票务服务','行李','品牌','驾驶安全性','机舱环境'],[2,2,2,5,3,0,0],'荷航负面话题构成',['#4f81bd','#9bbb59','#8064a2','#c0504d','#f2dddc','#c5d9f1','#e4bf19']);
                
                drawPie('divDeal',['驾驶安全性','行李','登转机服务','空乘服务','品牌','票务服务','机舱环境','餐饮'],[0,3,1,0,1,0,0,1],'法航维护情况',['#823331','#933b39','#a1423f','#ae4845','#ba4d4a','#c56765','#ce8a89','#d6a3a2','#dfb9b8']);
                drawPie('divDeal2',['登转机服务','空乘服务','票务服务','行李','品牌','驾驶安全性','机舱环境'],[1,0,0,1,0,0,0],'荷航维护情况',['#823331','#933b39','#a1423f','#ae4845','#ba4d4a','#c56765','#ce8a89','#d6a3a2','#dfb9b8']);
         }
          function drawColumn(divId,areaName,titleValue,colorName,Xvalue,Vvalue,KuanD) {
            //var areaName = ['负面','中立','正面'];
            var xLables = Xvalue;
            var areaValue = Vvalue;

            var data = new google.visualization.DataTable();
            data.addColumn('string', '品牌');
            for (var i = 0; i < areaName.length; ++i) {
                data.addColumn('number', areaName[i]);
            }
            data.addRows(xLables.length);
            for (var i = 0; i < xLables.length; ++i) {
                data.setCell(i, 0, xLables[i]);
            }
            for (var i = 0; i < areaName.length; ++i) {
                var country = areaValue[i];
                for (var x = 0; x < xLables.length; ++x) {
                    data.setCell(x, i + 1, country[x]);
                }
            }
            var ac = new google.visualization.ColumnChart(document.getElementById(divId));
            ac.draw(data, {
                title: titleValue,
                titleTextStyle: { fontSize: 16, fontName: '宋体' },
                legend: 'top',
                chartArea: { width: '70%', height: '60%' },
                fontSize: 12,
                colors: colorName,
                backgroundColor:'#FFFFFF',
                isStacked: true,
                width: KuanD,
                height: 300
            });
        }
        
        function drawColumn1(divId,areaName,titleValue,colorName,Xvalue,Vvalue,KuanD) {
            //var areaName = ['负面','中立','正面'];
            var xLables = Xvalue;
            var areaValue = Vvalue;

            var data = new google.visualization.DataTable();
            data.addColumn('string', '品牌');
            for (var i = 0; i < areaName.length; ++i) {
                data.addColumn('number', areaName[i]);
            }
            
          
            data.addRows(xLables.length);
            for (var i = 0; i < xLables.length; ++i) {
                data.setCell(i, 0, xLables[i]);
            }
            for (var i = 0; i < areaName.length; ++i) {
                var country = areaValue[i];
                for (var x = 0; x < xLables.length; ++x) {
                     data.setCell(x, i + 1, country[x]);
                }
            }
            
            
            var format = new google.visualization.NumberFormat({ fractionDigits:0, suffix:'%' });
            var ac = new google.visualization.ColumnChart(document.getElementById(divId));
            ac.draw(data, {
                title: titleValue,
                titleTextStyle: { fontSize: 16, fontName: '宋体' },
                legend: 'left',
                fontSize: 12,
                colors: colorName,
                backgroundColor:'#FFFFFF',
                isStacked: true,
                vAxis: { maxValue: 100,logScale:false},
                width: KuanD,
                height: 300
            });
        }
        
        function drawPie(id,valueName,valueText,titleText,colorText) {
            var areaName = valueName;
            var areaValue = valueText;
            var data = new google.visualization.DataTable();
            data.addColumn('string', '态度');
            data.addColumn('number', "帖子数");
            data.addRows(areaName.length);
            for (var i = 0; i < areaName.length; ++i) {
                data.setCell(i, 0, areaName[i]);
                data.setCell(i, 1, areaValue[i]);
            }
            var ac = new google.visualization.PieChart(document.getElementById(id));
            ac.draw(data, {
                title: titleText,
                titleTextStyle: { fontSize: 16, fontName: '微软雅黑' },
                fontSize: 10,
                legend: 'top',
                colors: colorText,
                backgroundColor:'#FFFFFF',
                fontName:'微软雅黑',
                width: 260,
                height: 260
            });
        }
        
        
        google.setOnLoadCallback(drawChart);
  </script>
</head>
<body>
    <form name="form1" method="post" action="AviationWeekReport.aspx?zhou=week&value=3week2012-07-01&brandid=30015" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTIxMTU0ODgxODQPZBYCAgMPZBYSAgkPFgIeCWlubmVyaHRtbAXwAzx0YWJsZSBjbGFzcz0idGJsQ1NTIiB3aWR0aD0iOTAlIj48dGhlYWQ+PHRyPjx0aD7jgIA8L3RoPjx0aD7ms5XoiKo8L3RoPjx0aD7ojbfoiKo8L3RoPjx0aD7msYnojo48L3RoPjx0aD7pmL/ogZTphYs8L3RoPjx0aD7ljaHloZTlsJQ8L3RoPjwvdGhlYWQ+PHRib2R5Pjx0cj48dGQ+5oC75pWwPC90ZD48dGQ+ODg0PC90ZD48dGQ+ODU1PC90ZD48dGQ+Mzg8L3RkPjx0ZD4zNDA8L3RkPjx0ZD42NTM8L3RkPjwvdHI+PHRyPjx0ZD7otJ/pnaI8L3RkPjx0ZD4xMDA8L3RkPjx0ZD4xNjA8L3RkPjx0ZD4zPC90ZD48dGQ+OTwvdGQ+PHRkPjIwPC90ZD48L3RyPjx0cj48dGQ+5Lit56uLPC90ZD48dGQ+Njc1PC90ZD48dGQ+NTkzPC90ZD48dGQ+MTQ8L3RkPjx0ZD4zMDE8L3RkPjx0ZD41Mjk8L3RkPjwvdHI+PHRyPjx0ZD7mraPpnaI8L3RkPjx0ZD4xMDk8L3RkPjx0ZD4xMDI8L3RkPjx0ZD4yMTwvdGQ+PHRkPjMwPC90ZD48dGQ+MTA0PC90ZD48L3RyPjwvdGJvZHk+PC90YWJsZT5kAg8PFgIfAAXwBDx0YWJsZSBjbGFzcz0idGJsQ1NTIiB3aWR0aD0iODAlIj48dGhlYWQ+PHRyPjx0aD7kv6Hmga/ph488L3RoPjx0aD7ms5XoiKo8L3RoPjx0aD7ojbfoiKo8L3RoPjx0aD7msYnojo48L3RoPjx0aD7pmL/ogZTphYs8L3RoPjx0aD7ljaHloZTlsJQ8L3RoPjwvdGhlYWQ+PHRib2R5Pjx0cj48dGQ+5Y2a5a6iPC90ZD48dGQ+MDwvdGQ+PHRkPjM8L3RkPjx0ZD4wPC90ZD48dGQ+MDwvdGQ+PHRkPjA8L3RkPjwvdHI+PHRyPjx0ZD7orrrlnZs8L3RkPjx0ZD45PC90ZD48dGQ+MTI8L3RkPjx0ZD4wPC90ZD48dGQ+MDwvdGQ+PHRkPjQ8L3RkPjwvdHI+PHRyPjx0ZD7lvq7ljZo8L3RkPjx0ZD44MzwvdGQ+PHRkPjQ3PC90ZD48dGQ+MDwvdGQ+PHRkPjk8L3RkPjx0ZD4xNTwvdGQ+PC90cj48dHI+PHRkPumXruetlDwvdGQ+PHRkPjQ8L3RkPjx0ZD41PC90ZD48dGQ+MTwvdGQ+PHRkPjA8L3RkPjx0ZD4xPC90ZD48L3RyPjx0cj48dGQ+5paw6Ze7PC90ZD48dGQ+NDwvdGQ+PHRkPjkzPC90ZD48dGQ+MjwvdGQ+PHRkPjA8L3RkPjx0ZD4wPC90ZD48L3RyPjx0cj48dGQ+6KeG6aKRPC90ZD48dGQ+MDwvdGQ+PHRkPjA8L3RkPjx0ZD4wPC90ZD48dGQ+MDwvdGQ+PHRkPjA8L3RkPjwvdHI+PC90Ym9keT48L3RhYmxlPmQCEw8WAh8ABfQEPHRhYmxlIGNsYXNzPSJ0YmxDU1MiIHdpZHRoPSI4MCUiPjx0aGVhZD48dHI+PHRoPuS/oeaBr+mHjzwvdGg+PHRoPuazleiIqjwvdGg+PHRoPuiNt+iIqjwvdGg+PHRoPuaxieiOjjwvdGg+PHRoPumYv+iBlOmFizwvdGg+PHRoPuWNoeWhlOWwlDwvdGg+PC90aGVhZD48dGJvZHk+PHRyPjx0ZD7ljZrlrqI8L3RkPjx0ZD4xPC90ZD48dGQ+MTwvdGQ+PHRkPjA8L3RkPjx0ZD4yPC90ZD48dGQ+MDwvdGQ+PC90cj48dHI+PHRkPuiuuuWdmzwvdGQ+PHRkPjM8L3RkPjx0ZD4zPC90ZD48dGQ+MTwvdGQ+PHRkPjE8L3RkPjx0ZD4yPC90ZD48L3RyPjx0cj48dGQ+5b6u5Y2aPC90ZD48dGQ+NTk8L3RkPjx0ZD44MTwvdGQ+PHRkPjE5PC90ZD48dGQ+MTU8L3RkPjx0ZD44OTwvdGQ+PC90cj48dHI+PHRkPumXruetlDwvdGQ+PHRkPjA8L3RkPjx0ZD4wPC90ZD48dGQ+MDwvdGQ+PHRkPjE8L3RkPjx0ZD4xPC90ZD48L3RyPjx0cj48dGQ+5paw6Ze7PC90ZD48dGQ+NDY8L3RkPjx0ZD4xNzwvdGQ+PHRkPjE8L3RkPjx0ZD4xMTwvdGQ+PHRkPjEyPC90ZD48L3RyPjx0cj48dGQ+6KeG6aKRPC90ZD48dGQ+MDwvdGQ+PHRkPjA8L3RkPjx0ZD4wPC90ZD48dGQ+MDwvdGQ+PHRkPjA8L3RkPjwvdHI+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" />
</div>

<div>

	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBAK6jKL7DAKNn+WyCwLrqMq/AgKqy6qdDhd/RYZqYsWDdlFgqOBHs8ajxGiM" />
</div>
    <div id="divDown" style="text-align:right; width:100%; margin-top:20px;" class="style1"> 
            <input type="image" name="lbn_down" id="lbn_down" src="images/b-zhoubao.jpg" style="border-width:0px;" /></div>
            <div id="baogao" style="margin-top:15px; width:100%;">
            <div style="font-size: 20px; text-align: center; font-weight: bold;color: #6192A1">
                法航网络口碑监测周报</div>
                
            <div style="font-size: 14px; font-family:Arial; padding-top: 5px; text-align: center; color: #525556; line-height: 150%;">
                2012/7/16至2012/7/22</div>
            </div>
            <div id="Div1" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;">
            </div>
            <div id="div_img" style="font-size: 14px; padding-left:30px; color: #525556; line-height: 150%;">
                <div id="ZChart" style="width:652px;"></div>
            </div>
            <div id="tongji" style="font-size: 14px; padding-left:30px; color: #525556; "><table class="tblCSS" width="90%"><thead><tr><th>　</th><th>法航</th><th>荷航</th><th>汉莎</th><th>阿联酋</th><th>卡塔尔</th></thead><tbody><tr><td>总数</td><td>884</td><td>855</td><td>38</td><td>340</td><td>653</td></tr><tr><td>负面</td><td>100</td><td>160</td><td>3</td><td>9</td><td>20</td></tr><tr><td>中立</td><td>675</td><td>593</td><td>14</td><td>301</td><td>529</td></tr><tr><td>正面</td><td>109</td><td>102</td><td>21</td><td>30</td><td>104</td></tr></tbody></table></div>
            <div id="div3" style="font-size: 14px; padding-left:10px; padding-top:20px; color: #525556; line-height: 150%;">
                <div id="divPositive" style="width:332px; float:left;"></div>
                <div id="divNegative" style="width:332px; float:left;"></div>
            </div>
            <div id="div4" style="font-size: 14px; padding-left:10px; color: #525556; line-height: 150%;">
                <div id="divNegService" style="width:652px;"></div>
            </div>
            <div id="fumiantongji" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;"><table class="tblCSS" width="80%"><thead><tr><th>信息量</th><th>法航</th><th>荷航</th><th>汉莎</th><th>阿联酋</th><th>卡塔尔</th></thead><tbody><tr><td>博客</td><td>0</td><td>3</td><td>0</td><td>0</td><td>0</td></tr><tr><td>论坛</td><td>9</td><td>12</td><td>0</td><td>0</td><td>4</td></tr><tr><td>微博</td><td>83</td><td>47</td><td>0</td><td>9</td><td>15</td></tr><tr><td>问答</td><td>4</td><td>5</td><td>1</td><td>0</td><td>1</td></tr><tr><td>新闻</td><td>4</td><td>93</td><td>2</td><td>0</td><td>0</td></tr><tr><td>视频</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr></tbody></table></div>
            <div id="div6" style="font-size: 14px; padding-left:10px; color: #525556; line-height: 150%;">
                <div id="divPostService" style="width:652px;"></div>
            </div>
            <div id="prodAttitdeHTML" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;"><table class="tblCSS" width="80%"><thead><tr><th>信息量</th><th>法航</th><th>荷航</th><th>汉莎</th><th>阿联酋</th><th>卡塔尔</th></thead><tbody><tr><td>博客</td><td>1</td><td>1</td><td>0</td><td>2</td><td>0</td></tr><tr><td>论坛</td><td>3</td><td>3</td><td>1</td><td>1</td><td>2</td></tr><tr><td>微博</td><td>59</td><td>81</td><td>19</td><td>15</td><td>89</td></tr><tr><td>问答</td><td>0</td><td>0</td><td>0</td><td>1</td><td>1</td></tr><tr><td>新闻</td><td>46</td><td>17</td><td>1</td><td>11</td><td>12</td></tr><tr><td>视频</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr></tbody></table></div>
            <div id="div5" style="font-size: 14px; padding-left:10px; padding-top:20px; color: #525556; line-height: 150%;">
                <div id="divNegTopic1" style="width:652px;"></div>
            </div>
            <div id="tongji2" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;"></div>
            <div id="div7" style="font-size: 14px; padding-left:10px; padding-top:20px; color: #525556; line-height: 150%;">
                <div id="divNegTopic2" style="width:332px; float:left;"></div>
                <div id="divNegTopic3" style="width:332px; float:left;"></div>
            </div>
            <div id="fumiantongji2" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;"><table class="tblCSS" width="99%"><thead><tr><th>话题</th><th>驾驶安全性</th><th>行李</th><th>登转机服务</th><th>空乘服务</th><th>品牌</th><th>票务服务</th><th>机舱环境</th><th>餐饮</th></thead><tbody><tr><td>信息量</td><td>5</td><td>26</td><td>10</td><td>2</td><td>14</td><td>2</td><td>2</td><td>1</td></tr></tbody></table></div>
            <div id="fumiantongji3" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;"><table class="tblCSS" width="99%"><thead><tr><th>话题</th><th>登转机服务</th><th>空乘服务</th><th>票务服务</th><th>行李</th><th>品牌</th><th>驾驶安全性</th><th>机舱环境</th></thead><tbody><tr><td>信息量</td><td>2</td><td>2</td><td>2</td><td>5</td><td>3</td><td>0</td><td>0</td></tr></tbody></table></div>
            <div id="IndustryHtml" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;"></div>
            <div id="div2" style="font-size: 14px; padding-left:10px; padding-top:20px; color: #525556; line-height: 150%;">
                <div id="divDeal" style="width:652px;"></div>
             </div>
             <div id="DealDataHTML" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;"><table class="tblCSS" width="99%"><thead><tr><th>话题</th><th>驾驶安全性</th><th>行李</th><th>登转机服务</th><th>空乘服务</th><th>品牌</th><th>票务服务</th><th>机舱环境</th><th>餐饮</th></thead><tbody><tr><td>信息量</td><td>0</td><td>3</td><td>1</td><td>0</td><td>1</td><td>0</td><td>0</td><td>1</td></tr></tbody></table></div>
            <div id="MediaHtml" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;"><table class="tblCSS" width="60%"><thead><tr><th>维护媒体</th><th>媒体</th><th>信息量</th></thead><tbody><tr><td>新浪微博</td><td>weibo.com</td><td>22</td></tr><tr><td>百度知道</td><td>zhidao.baidu.com</td><td>5</td></tr><tr><td>腾讯微博</td><td>t.qq.com</td><td>2</td></tr><tr><td>新浪微博</td><td>e.weibo.com</td><td>1</td></tr><tr><td>爱问知识人</td><td>iask.sina.com.cn</td><td>1</td></tr></tbody></table></div>
            <div id="div8" style="font-size: 14px; padding-left:10px; padding-top:20px; color: #525556; line-height: 150%;">
                <div id="divDeal2" style="width:652px;"></div>
             </div>
             <div id="DealDataHTML2" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;"><table class="tblCSS" width="99%"><thead><tr><th>话题</th><th>登转机服务</th><th>空乘服务</th><th>票务服务</th><th>行李</th><th>品牌</th><th>驾驶安全性</th><th>机舱环境</th></thead><tbody><tr><td>信息量</td><td>1</td><td>0</td><td>0</td><td>1</td><td>0</td><td>0</td><td>0</td></tr></tbody></table></div>
            <div id="MediaHtml2" style="font-size: 14px; padding-top: 20px; padding-left:30px; color: #525556; line-height: 150%;"><table class="tblCSS" width="60%"><thead><tr><th>维护媒体</th><th>媒体</th><th>信息量</th></thead><tbody><tr><td>新浪微博</td><td>weibo.com</td><td>21</td></tr></tbody></table></div>
            <input name="downValue" type="hidden" id="downValue" />
            <input name="HidBrand" type="hidden" id="HidBrand" />
    </form>
</body>
</html>

iteye_264
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
调用 google方法生成饼图、条形图、表格
07-23 3914
报告详情 google.load('visualization', '1', { packages: ['corechart']}); function drawChart(){ var bid=document.getElementById("");
Google Chart API学习(三)
dianti5444的博客
10-09 206
书接上回： maps-charts: <html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('...
数据可视化(6)--Google Charts实例
weixin_33724046的博客
12-16 310
上头给的关于jqplot的问题暂时解决了，继续google charts。 google charts的实例很多，就以区域图(Geochart)为例~~ 区域图(Geochart)是一个国家、大陆或者区域的地图，它有两种模式。 region模式：在整个区域着色，如国家、省、州等。 marker模式：根据指定的值使用缩放气泡标记指定的区域。 区域图使用SVG或VML展示。请注意，该...
google ajax库 API——Web开发人员的福音
刘鑫的专栏
12-30 1188
   是否为了Ajax库而烦恼，是否为Javascript库的维护而郁闷？有了Google Ajax库，这些烦恼将不再到来。   AJAX 库 API 是一种内容分布网络，可加载最受欢迎的开源 JavaScript 库的架构。通过使用google.load() 方法，您的应用程序能够迅速从全球任何位置访问不断增长的、最受欢迎的 JavaScript 开源库列表，包括：jQueryjQuery
java开源包1
06-28
使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache ...
【最新版】navicat150_premium_en.dmg navicat-premium: 15.0.14【亲测可用】最好的MySQL数据库开发工具
04-22
我们的图表功能使您可以创建大型数据集的可视表示形式，并帮助您从数据中获得更深刻的见解。探索并发掘数据之间的模式，趋势和关系，并创建有效的视觉输出，以将您的发现显示在仪表板上以进行共享。 我们功能强大的...
JAVA上百实例源码以及开源项目
01-03
在有状态SessionBean中，用累加器，以对话状态存储起来，创建EJB对象，并将当前的计数器初始化，调用每一个EJB对象的count()方法，保证Bean正常被激活和钝化，EJB对象是用完毕，从内存中清除…… Java Socket 聊天...
JAVA上百实例源码以及开源项目源代码
12-11
在有状态SessionBean中，用累加器，以对话状态存储起来，创建EJB对象，并将当前的计数器初始化，调用每一个EJB对象的count()方法，保证Bean正常被激活和钝化，EJB对象是用完毕，从内存中清除…… Java Socket 聊天...
常见的 HTML 标准
最新发布
csdn_ad986ad的博客
04-30 331
HTML（Hypertext Markup Language）有多个版本和标准。
vue快速入门（四十六）Router的安装与使用
不起眼小菜菜的博客
04-26 623
步骤很详细，直接上教程……
bpmn-js推荐几款常用的插件
飞云先生
04-30 10
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
用Typescript写自动化工作流
联蔚盘云的博客
04-29 755
acao 的命令还有一些其他用法，比如指定执行某个 job 或者忽略依赖 通过命令行参数的方式注入等等，详细使用方式可以查看文档这个项目最近也在持续更新中，后续也会支持更多的预设，web ui 的操作方式也在计划中小伙伴想参与预设的开发也欢迎 pr 呀。
[email protected]使用懒加载
weixin_44072254的博客
04-25 198
【代码】[email protected]使用懒加载。
echarts+百度地图如何定义边界线
abc8002117034的博客
04-30 141
5.setOption里面的参数option.series是echarts散点图的配置项,option.bmap是百度地图的配置项，比如center是当前地图的中心点，zoom是缩放数值，roam是是否可以缩放，mapStyle是地图的样式。3.方法getCenterPoint是获取当前区域中心点的经纬度，我们将会在区域的中心点显示区域名称和具体数值。4.方法convertData返回的是地图上红色散点里面的数据，是对idata的数据格式做的一层转换。2.变量styleJson是地图的样式，可以去。
CSR、SSR与同构渲染全方位解析
Allen-
04-26 1444
现代Web应用的核心渲染方式——客户端渲染（CSR）、服务器端渲染（SSR）以及同构渲染。接下来我们将通过对比它们的原理、应用场景、优缺点及实际案例，深入了解如何根据项目需求选择合适的渲染策略。
macOS asdf 工具版本管理器
Winsom1的博客
04-30 358
如果您只想在当前项目中指定特定的 Node.js 版本，而不影响全局环境，可以使用 asdf local 命令来设置项目的本地 Node.js 版本。3、如果开发者本地没有使用asdf，.tool-versions不影响项目任何内容，可当作提示使用，如果使用了asdf工具，本地没有当前所需node版本会提示安装，如果有会自动将当前文件作用域下的node切换为.tool-versions 指定的版本。要在特定的 Node.js 版本下运行项目，可以使用 asdf 管理器来管理 Node.js 版本。
redux快速入门
qq_73270720的博客
04-29 243
简单的加减案例,学会redux快速入门
pyspark调用predict方法生成的结果输出
05-24
在使用Pyspark调用模型的predict方法生成结果输出时，可以使用以下代码： ```python # 加载模型 model = PipelineModel.load("path/to/model") # 加载数据 data = spark.read.csv("path/to/data.csv", header=True, inferSchema=True) # 预测结果 predictions = model.transform(data) # 输出结果 predictions.select("prediction").show() ``` 其中，"path/to/model"是保存模型的路径，"path/to/data.csv"是数据文件的路径，"prediction"是模型预测的结果列名。使用select方法选择要输出的列，并使用show方法将结果显示在控制台上。如果需要将结果保存到文件中，可以使用write方法将DataFrame保存为CSV或其他格式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值