公布申能股份(股票代码:600642)阻力(支撑)位

本文探讨了网页中JavaScript脚本的加载与执行过程,包括不同来源脚本的调用方式及其可能产生的影响。通过具体实例,展示了如何通过内联与外部链接方式引入脚本,并分析了这些方法对页面加载性能的影响。
<script language="JavaScript">eLong_Affiliate_MemberID = 4053787;</script><script language="javascript" src="http://icons.elong.com/adjs/jd_jp/xx/12.js"></script>
#3.06 3.3 3.54 3.78
#4.02 4.5 4.98 5.46
#5.94 6.66 7.38 8.1
#8.82 9.78 10.74 11.7
#12.66 13.86 15.06 16.26
#17.46 18.9 20.34 21.78
#23.22 24.9 26.58 28.26
#29.94 31.86 33.78 35.7
#37.62
#39.78
#46.26
#48.66
<script language="JavaScript"> zmap_id=88800000091;</script><script language="javascript" src="http://www.zmto.com/gds/web_lm/js/h8.js"></script>
通过echarts绘制//数据 var dataAll=[ { "column1": "燃煤", "column2": "申能股份", "column3": "2023-01", "column4": 317750.73, "column5": 295578.54 }, { "column1": "燃煤", "column2": "申能股份", "column3": "2023-02", "column4": 396408.15, "column5": 376156.47 }, { "column1": "燃煤", "column2": "申能股份", "column3": "2023-04", "column4": 315044.31, "column5": "301267.0" }, { "column1": "燃气", "column2": "崇明", "column3": "2023-01", "column4": 521.88, "column5": 511.01 }, { "column1": "燃气", "column2": "崇明", "column3": "2023-02", "column4": 9657.24, "column5": 9482.77 }, { "column1": "燃气", "column2": "崇明", "column3": "2023-04", "column4": 5930.67, "column5": 5825.95 }, { "column1": "燃气", "column2": "淮北", "column3": "2023-01", "column4": 43226.7, "column5": 41509.4 }, { "column1": "燃气", "column2": "淮北", "column3": "2023-02", "column4": 50857.25, "column5": "49068.0" }, { "column1": "燃气", "column2": "淮北", "column3": "2023-04", "column4": "45654.0", "column5": "14564.0" }, { "column1": "燃气", "column2": "申能股份", "column3": "2023-04", "column4": 31044.31, "column5": "30267.0" }, { "column1": "燃气", "column2": "申皖", "column3": "2023-01", "column4": 31620.29, "column5": "30050.0" }, { "column1": "燃气", "column2": "申皖", "column3": "2023-02", "column4": 60660.21, "column5": "57776.0" }, ]来绘制多列柱状图,,column1作为第一次,cloumn2为第二层,clomn3为第三层,动态获取column1的值,作为图列
06-12
好的,您可以参考以下代码实现您的需求: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>多列柱状图</title> <!-- 引入 ECharts 文件 --> <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> </head> <body> <!-- 定义一个具有一定高度的 div 容器 --> <div id="chart" style="height: 500px;"></div> <script type="text/javascript"> // 定义数据 var dataAll=[ { "column1": "燃煤", "column2": "申能股份", "column3": "2023-01", "column4": 317750.73, "column5": 295578.54 }, { "column1": "燃煤", "column2": "申能股份", "column3": "2023-02", "column4": 396408.15, "column5": 376156.47 }, { "column1": "燃煤", "column2": "申能股份", "column3": "2023-04", "column4": 315044.31, "column5": "301267.0" }, { "column1": "燃气", "column2": "崇明", "column3": "2023-01", "column4": 521.88, "column5": 511.01 }, { "column1": "燃气", "column2": "崇明", "column3": "2023-02", "column4": 9657.24, "column5": 9482.77 }, { "column1": "燃气", "column2": "崇明", "column3": "2023-04", "column4": 5930.67, "column5": 5825.95 }, { "column1": "燃气", "column2": "淮北", "column3": "2023-01", "column4": 43226.7, "column5": 41509.4 }, { "column1": "燃气", "column2": "淮北", "column3": "2023-02", "column4": 50857.25, "column5": "49068.0" }, { "column1": "燃气", "column2": "淮北", "column3": "2023-04", "column4": "45654.0", "column5": "14564.0" }, { "column1": "燃气", "column2": "申能股份", "column3": "2023-04", "column4": 31044.31, "column5": "30267.0" }, { "column1": "燃气", "column2": "申皖", "column3": "2023-01", "column4": 31620.29, "column5": "30050.0" }, { "column1": "燃气", "column2": "申皖", "column3": "2023-02", "column4": 60660.21, "column5": "57776.0" }, ]; // 获取所有的 column1 的值 var column1List = dataAll.map(function (item) { return item.column1; }); // 去重 var column1Set = new Set(column1List); var column1UniqueList = Array.from(column1Set); // 定义图例 var legendData = column1UniqueList; // 定义 X 轴数据 var xAxisData = dataAll.map(function (item) { return item.column3; }); // 定义系列 var series = []; // 处理每个 column1 的数据 column1UniqueList.forEach(function (column1) { // 获取当前 column1 的所有数据 var data = dataAll.filter(function (item) { return item.column1 === column1; }); // 处理数据,将 column2 作为每个系列的名称,将 column4 作为每个系列的数据 var seriesData = data.map(function (item) { return { name: item.column2, value: item.column4 } }); // 将数据添加到系列中 series.push({ name: column1, type: 'bar', stack: '总量', data: seriesData }); }); // 使用 ECharts 初始化图表 var myChart = echarts.init(document.getElementById('chart')); // 配置项 var option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: { data: legendData }, xAxis: { type: 'category', data: xAxisData }, yAxis: { type: 'value' }, series: series }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); </script> </body> </html> ``` 这段代码会根据您提供的数据绘制一个多列柱状图,并且根据 column1 的值动态生成图例。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值