Home >
front end > Now I'm a web development small white a freshman learning Java use HBuilderX copy the code on t
Now I'm a web development small white a freshman learning Java use HBuilderX copy the code on t
<meta charset="utf-8" & gt;
The professional enrollment situation & lt;/title> <br/><script SRC="https://bbs.csdn.net/topics/Content/echarts.common.min.js" & gt; </script> <br/></head> <br/><body> <br/><Div id="divEcharts" style="width: 800 px; Height: 500 px;"> </div> <br/><The script type="text/javascript" & gt; <br/>Option={<br/>BackgroundColor: '# 2 c343c', <br/><br/>Title: {<br/>Text: 'Customized Pie', <br/>Left: 'center', <br/>Top: 20, <br/>TextStyle: {<br/>Color: # 'CCC' <br/>} <br/>}, <br/><br/>Tooltip: {<br/>The trigger: 'item' <br/>}, <br/><br/>VisualMap: {<br/>Show: false, <br/>Min: 80, <br/>Max: 600, <br/>InRange: {<br/>ColorLightness: [0, 1] <br/>} <br/>}, <br/>Series: [<br/>{<br/>Name: 'each professional enrollment situation, <br/>Type: 'pie', <br/>The radius: '55%', <br/>Center: [' 50% ', '50%'], <br/>Data: [<br/>{value: 80, name: 'WEB development engineers'}, <br/>{value: 20, name: 'UI designers'}, <br/>{value: 25, name: 'big data software engineers'}, <br/>{value: 32, name: 'new media operations'}, <br/>{value: 18, name: 'mobile software engineers'}, <br/>{value: 26, name: 'system operations engineers'}, <br/>]. Sort (function (a, b) {return Dr. Alue - b.v alue. }), <br/>RoseType: 'radius, <br/>Label: {<br/>Color: 'rgba (255, 255, 255, 0.3)' <br/>}, <br/>LabelLine: {<br/>Graphics.linestyle: {<br/>Color: 'rgba (255, 255, 255, 0.3)' <br/>}, <br/>Smooth: 0.2, <br/>Length: 10, <br/>Length2:20 <br/>}, <br/>ItemStyle: {<br/>Color: # c23531, <br/>ShadowBlur: 200, <br/>ShadowColor: 'rgba (0, 0, 0, 0.5)' <br/>}, <br/><br/>AnimationType: 'scale', <br/>AnimationEasing: 'elasticOut', <br/>AnimationDelay: function (independence idx) {<br/>Return Math. The random () * 200; <br/>} <br/>} <br/>] <br/>}; <br/></script> <br/></body> <br/></html> <br/><p class="article - content rp"> CodePudding user response: </p>HTML used completely don't know I knew content should be placed between two body but run into the web page in addition to the web page have a name left blank, the code is in Echarts website copy down and then it's nothing I see the same operations they are making the students to the <img SRC="https://img.codepudding.com/202101/183537310109071.gif" Alt=""/><p class="article - content rp"> CodePudding user response: </p>First & lt; Script SRC="https://bbs.csdn.net/topics/Content/echarts.common.min.js" & gt; </script> The must have this js file directory, <br/>Second, there is a problem, click f12 for an error<p class="article - content rp"> CodePudding user response: </p>Second, you lack of content: this code at echarts.com mon. Min. Under the premise of js exist: should write <br/><br/><pre> <br/><! DOCTYPE html> <br/><html> <br/><head> <br/><meta charset="utf-8" & gt; <br/><title> The professional enrollment situation & lt;/title> <br/><script SRC="https://bbs.csdn.net/topics/Content/echarts.common.min.js" & gt; </script> <br/></head> <br/><body> <br/><Div id="divEcharts" style="width: 800 px; Height: 500 px;"> </div> <br/><The script type="text/javascript" & gt; <br/>Var option={<br/>BackgroundColor: '# 2 c343c', <br/><br/>Title: {<br/>Text: 'Customized Pie', <br/>Left: 'center', <br/>Top: 20, <br/>TextStyle: {<br/>Color: # 'CCC' <br/>} <br/>}, <br/><br/>Tooltip: {<br/>The trigger: 'item' <br/>}, <br/><br/>VisualMap: {<br/>Show: false, <br/>Min: 80, <br/>Max: 600, <br/>InRange: {<br/>ColorLightness: [0, 1] <br/>} <br/>}, <br/>Series: [<br/>{<br/>Name: 'each professional enrollment situation, <br/>Type: 'pie', <br/>The radius: '55%', <br/>Center: [' 50% ', '50%'], <br/>Data: [<br/>{value: 80, name: 'WEB development engineers'}, <br/>{value: 20, name: 'UI designers'}, <br/>{value: 25, name: 'big data software engineers'}, <br/>{value: 32, name: 'new media operations'}, <br/>{value: 18, name: 'mobile software engineers'}, <br/>{value: 26, name: 'system operations engineers'}, <br/>]. Sort (function (a, b) {return Dr. Alue - b.v alue. }), <br/>RoseType: 'radius, <br/>Label: {<br/>Color: 'rgba (255, 255, 255, 0.3)' <br/>}, <br/>LabelLine: {<br/>Graphics.linestyle: {<br/>Color: 'rgba (255, 255, 255, 0.3)' <br/>}, <br/>Smooth: 0.2, <br/>Length: 10, <br/>Length2:20 <br/>}, <br/>ItemStyle: {<br/>Color: # c23531, <br/>ShadowBlur: 200, <br/>ShadowColor: 'rgba (0, 0, 0, 0.5)' <br/>}, <br/><br/>AnimationType: 'scale', <br/>AnimationEasing: 'elasticOut', <br/>AnimationDelay: function (independence idx) {<br/>Return Math. The random () * 200; <br/>} <br/>} <br/>] <br/>}; <br/><br/>Var ec=echarts. Init (document. GetElementById (' divEcharts')); <br/>Ec. SetOption (option); <br/></script> <br/></body> <br/><br/></pre> <br/><br/>Can only help you here! <img SRC="https://img.codepudding.com/202101/183537310109072.gif" Alt=""/><p class="article - content rp"> CodePudding user response: </p><img SRC="https://img.codepudding.com/202101/183537310109073.png" Alt=""/> <br/><br/><br/>The black paint ma wu <img SRC="https://img.codepudding.com/202101/183537310109074.gif" Alt=""/><p class="article - content rp"> CodePudding user response: </p>This is how you tell<p class="article - content rp"> CodePudding user response: </p>I should be a directory that has a problem </div>
<div class="th_page th_page_color"></div>
<div class="umCopyright">
<p>Page link：<a href="/frontend/100622.html" target="_blank" style="color:#999">https//www.codepudding.com/frontend/100622.html</a></p>
</div>
<div class="detail-arr">
<div class="detail-arr-left">Prev:<a href='/frontend/100621.html'>Discuss, js architecture problem</a></div>
<div class="detail-arr-right">Next:<a href='/frontend/100623.html'>Excuse me extension named VUE web, written in the web page content <template>, what is this fr</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="container th_top">
<div class="row">
<div class="col-md-12">
<div class="hot-tags neitags">
<ul>
<li><i class="iconfont icon-x-tags"></i> Tags： </li>
<a href='/e/tags/?tagname=HTML+%28CSS%29' target='_blank'>HTML (CSS)</a> </ul>
</div>
</div>
</div>
</div>
<div class="container th_top">
<div class="row">
<div class="col-md-12">
<div class="xiangguan">
<ul class="msg msghead">
<li class="tbname">Related</li>
</ul>
<ul> </ul>
</div>
</div>
</div>
</div>
<div class="container th_top">
<div class="row">
<div class="col-md-12">
<div class="flinks">
<ul>
<li><i class="iconfont icon-x-tags"></i> Links： </li>
<li class="liflinks"><a target="_blank" href="/" title="CodePudding">CodePudding</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer">
<p><span style="font-size:16px;color:#666;font-weight: bold">About Us:</span> <a href="https://www.codepudding.com/contact.html">Contact Us</a> <a href="https://www.codepudding.com/service.html">Terms of Service</a> <a href="https://www.codepudding.com/privacy.html">
Privacy Policy</a></p>
<p class="foot_info">Copyright © 2010-2023，Powered By <a href="/" target="_blank">CodePudding</a> </p>
</div>
<script type="text/javascript" src="/skin/code/tianhu.js"></script>
</body></html> 