ECharts

武汉肺炎疫情地图(Vue版)

阅读更多关于武汉肺炎疫情地图(Vue版)

https://juejin.im/post/5e3664e16fb9a0300300899e 缘起此次肺炎疫情波及甚广，只能自封于家中看看新闻、打打游戏。昨天看了山月大佬的《武汉肺炎疫情实时动态省市地图开发》心潮澎湃，决定拿起键盘照撸一个。开发时间较短，bug在所难免，各位大佬见谅。程序基本介绍数据抓取自腾讯新闻图表采用Echarts(内部使用了vue-echarts) 支持【省】级地图 Vue-cli@3脚手架项目查看源代码线上示例快速开始 # 安装依赖 npm i # 抓取腾讯新闻数据 node ./build-data.js # 开发模式 npm run serve 复制代码未实现定时执行 build-data.js，抓取最新数据。来源： oschina 链接： https://my.oschina.net/u/4383709/blog/3206258

武汉肺炎疫情地图(Vue版)

阅读更多关于武汉肺炎疫情地图(Vue版)

vue实现世界疫情地图(点击进入子地图)

阅读更多关于 vue实现世界疫情地图(点击进入子地图)

vue实现世界疫情地图，点击可以进入子地图效果展示寻找数据源设置代理发送请求提取数据提取数据踩坑处理数据并绘图国内疫情地图数据处理绘制海外疫情地图数据处理绘制完整代码代码优化点击进入子地图目前只实现了中国模块数据来源，腾讯实时疫情，中国疫情网原本只想做中国模块，后来想了想，做个世界的吧使用axios和echarts，elementui的加载模块还有按钮，本地代理，脚手架版本4.1.1 本次不封装，刚写完还没有优化，函数名和数据名也是随便起的，大佬勿喷 npm安装即可效果展示下载的照片如下寻找数据源找了几家后发现中国疫情网的国内疫情数据更新的快，腾讯海外疫情也不错中国疫情网的数据: 这个是全国数据这个是按照日期设置代理用axios请求这些数据如果出现跨域问题，就设置本地代理，在根目录下创建vue.config.js文件 module.exports = { devServer: { proxy: { "/api": { target: "https://www.ncovchina.com/data", changeOrigin: true, pathRewrite: { "^/api": "" } }, "/aki": { target: "http://api.fanyi.baidu.com/api/trans/vip",

行业软件开发商怎样来抢 BI 这块蛋糕？

阅读更多关于行业软件开发商怎样来抢 BI 这块蛋糕？

随着企业信息化建设的深入，很多机构的生产系统已建设完成，在保证生产的有序进行后，如何更有效地进行经营决策成了管理者面临的最大任务。商业智能（BI）就是在这种背景成为支撑企业经营分析的一大利器。根据 IDC 中国的报告，2020 年中国商业智能市场规模将达到 5.8 亿美元（约 40 亿元人民币），而且每年还以近 20% 的速度增长。目前企业对 BI 系统需求旺盛程度可见一斑。不同于信息化建设中的其他项目（如交易系统）由行业软件开发商（或称系统集成商，以下简称集成商）来承接，BI 项目大多数情况都由 BI 厂商直接承接并交付。BI 系统的建设与实施需要很深的行业知识，但为什么具备这些经验的集成商却很少涉足 BI 项目呢？原因是：不是不想做，是做不了！我们知道，在一个领域没有相应的技术储备和 N 年的积累是很难打磨出成熟软件产品的，专业性极强的 BI 产品更是如此。而大多数集成商缺乏 BI 方面的技术积累，想完成一个这样的项目，要付出的工作量相当巨大，贸然接下很可能得不偿失。甚至因为缺乏可演示的产品，连获取这种订单的机会都没有。所以，集成商在面对 BI 项目时，最多也就只能是和 BI 厂商合作，而难以独自承接。结果，这些 BI 项目自然落到了有技术积累的 BI 厂商头上。那么，，集成商的旁观（不竞争）是否能给 BI 厂商带来丰厚的利润呢？答案可能出乎意料：BI

pyecharts绘制地图可视化

阅读更多关于 pyecharts绘制地图可视化

pyecharts：官方文档我们这里使用pyecharts模块进行绘图。 pyecharts 项目包含了一系列的地理地图数据，这些数据或者已经内置，或者需要额外安装和加载，我们需要下载下面六个包。选择自己需要的安装 pip install echarts -countries- pypkg pip install echarts -china-provinces- pypkg pip install echarts -china-cities- pypkg pip install echarts -china-counties- pypkg pip install echarts -china-misc- pypkg pip install echarts -united-kingdom-pypkg pyecharts中Geo表达和城市关联的数据,Map表达和国家和省份关联的数据。世界地图 from pyecharts import Map, Geo # 世界地图数据 value = [95.1, 23.2, 43.3, 66.4, 88.5 ] attr = [ " China " , " Canada " , " Brazil " , " Russia " , " United States " ] map0 = Map( " 世界地图示例 " , width=1200

手把手教你实现3D地图的定时高亮和点击事件

阅读更多关于手把手教你实现3D地图的定时高亮和点击事件

技术选型文章所选技术栈：vue、echarts、echarts-gl 安装Vue和echarts 1、安装echarts和echarts-al npm i echarts --save npm i echarts-gl --save 2、引用echarts和echarts-gl import echarts from 'echarts'; import 'echarts-gl' Vue.prototype.$echarts = echarts 3、页面引入 require('../../node_modules/echarts/map/js/china') 此时地图消息就在你的node_modules/echarts/map/china中初始化echarts-gl 3D地图 1、新建一个option.js 这个文件是用来放配置项的，不建立也可以，但是页面代码多会不不美观 2、配置页代码如下 (主要是地点标识和3D地图的颜色样式) //标识数据,用来标识地图上的点，给用户提供点击事件 var geoCoordMap = { '黑龙江': [127.9688, 45.368], '内蒙古': [110.3467, 41.4899], "吉林": [125.8154, 44.2584], '北京市': [116.4551, 40.2539], "辽宁": [123.1238, 42

echarts 双Y轴图表

阅读更多关于 echarts 双Y轴图表

直接代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://www.echartsjs.com/examples/vendors/echarts/echarts.min.js?_v_=1571424732409"></script> </head> <body>  <div style="width: 1000px;height: 500px;background-color: #222222" id="test1"> </div> </body> <script> var chart1 = echarts.init(document.getElementById('test1' )); var option = { title: [ { top: '40%' , left: 10 , subtextStyle: { align: 'left' , color: '#ffffff' , fontSize: 12 , }, subtext: '每\n月\n执\n行\n金\n额' // \n换行 }, { top: '40%' , right: 10 , subtextStyle: { align:

阅读更多关于 ECharts

ECharts ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。来源： oschina 链接： https://my.oschina.net/u/3685205/blog/1557463

如何在前端实现甘特图？SpreadJS两招搞定

阅读更多关于如何在前端实现甘特图？SpreadJS两招搞定

SpreadJS v14.0正式版下载如果一个项目由多个任务组成，而任务之间又有关联，我们该怎样准确的显示项目整体进度呢？使用甘特图，应该是最好的方式。甘特图，不仅能够让管理者实时有效的掌握项目进度和资源分配，同时能够加强过程的可视化管理、人员实时沟通。因此，在企业项目管理工作中被广泛应用。由于项目管理的工作往往存在时间上的交叉。在项目开始之前，领导都会要求我们先查找可以并行的事项，并将它们安排在一起，以此实现对时间的高效利用。合理的使用甘特图，可以把每天的工作安排得当。 Excel在2010版本中就已经内置了甘特图类型， SpreadJS 作为一款高度类似Excel的纯前端表格控件，对甘特图这一特殊图表同样提供支持。 SpreadJS 是一款基于 HTML5 的纯前端电子表格控件，兼容 450 种以上的 Excel 公式，凭借其 “高性能、跨平台、与 Excel 高度兼容”的产品特性，备受以华为、远光软件、苏宁易购、天弘基金等为代表的企业用户青睐。用以下两种方式，即可在使用 SpreadJS 搭建的Web系统中实现甘特图：方法一：SpreadJS + ECharts 组件，实现甘特图作为一款前端开发工具，SpreadJS具备一流的框架支持及二次扩展能力，可以通过集成第三方图表组件（如ECharts）实现甘特图，效果如下图：

vue-cli +echarts-amap集成echarts和高德地图TypeError: Cannot read property 'dataToPoint' of null解决方案

阅读更多关于 vue-cli +echarts-amap集成echarts和高德地图TypeError: Cannot read property 'dataToPoint' of null解决方案

vue-cli +echarts-amap集成echarts和高德地图TypeError: Cannot read property 'dataToPoint' of null解决方案参考文章：（1）vue-cli +echarts-amap集成echarts和高德地图TypeError: Cannot read property 'dataToPoint' of null解决方案（2）https://www.cnblogs.com/limn/p/10614926.html 备忘一下。来源： oschina 链接： https://my.oschina.net/u/4438370/blog/4725193

订阅 ECharts