图表工具

用过不少的商用图表工具&图表库，比如 Fusioncharts 、 AmChart ，技术服务好，厂家的支持给力，总是物有所值。随着一些产品的开源，除了商用图表，现在也开始关注开源图表工具了。虽然和Fusioncharts、AmChart，这样的大品牌比起来，是小巫见大巫，不过这并不代表他们不行，相反，他们各有各的独特魅力，值得我们去发现他、使用它！ Planetary.js 是一个JavaScript图表库，用于构建交互式地球仪。它使用 D3 和 TopoJSON 解析并显示地理数据。 Planetary.js使用基于建筑的构架插件，也就是说默认的功能是作为插件实现的。这使得Planetary.js用起来相当灵活。它是完全可定制的，你可以在任何位置显示动画"ping"的自定义颜色和大小。它也支持鼠标拖动和缩放，最大的亮点就是完全免费开源。 Sigma.js Sigma.js 是一个使用HTML5画布元素画图的免费且开源JavaScript图表库，它对于在网页分享 交互地图 有着独特的设计，方便我们操作动态网络数据库。 Morris.js Morris.js是一个，使用 jQuery 和 Raphaël 制作时间图表的轻量级图表库。现在开源，可以让我们体验Morris.js的广大功能。它在 IE6+、Safari/Chrome/Firefox、iOS 3+以及 Android 3

　　 处在这个大数据时代势必让我们不得不追求高效，高效工作便捷生活。可在工作中想要高效完成某件事情似乎有点儿难度，比如高效开发三维可视化应用！尤其是新手更是大呼“我太难了”。 新手不会建模又该如何完成三维可视化应用?使用ThingJS，即可快速开发 三维可视化应用 ，无论是进行园区的搭建、楼层的智能管理、工厂的数字监控、数据的控制整合、整个城市的电力监控、还是消防管理，都可以通过ThingJS快速开发。 　　ThingJS是优锘科技有限公司开发的一个可视化PaaS平台，使用这个平台式不收费的，但是商用的话价格是2998/年，也不贵;除此之外，ThingJS拥有“资源中心”、“在线开发”、“文档中心”、“平台与应用”、“论坛”这几个板块，当然了，这些大多是都是要登录才能查看的，像我就直接QQ登录了，登录后可以进入资源中心查看模型和场景，说实话模型有些多，官方提供的模型大多都太商业化了，我比较喜欢科通科幻的，所以有时候会下载Sketchfab网站上的可用模型，放到我的场景中去，想知道如何使用Sketchfab上的模型，可以百度查看我的文章《新手从零开始搭建3D场景之模型上传》，学会如何上传模型;“在线开发”的使用，就有那么一点点门槛了，如果你说你不会JavaScript，那我一点也帮不了你，建议放弃看这篇文章，当然，天赋超级好，看看注释就懂了的，那我也没得办法

1、 highcharts Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。 HighCharts界面美观，由于使用JavaScript编写，所以不需要像Flash和Java那样需要插件才可以运行，而且运行速度快。另外HighCharts还有很好的兼容性，能够完美支持当前大多数浏览器。现在官方的最新版本为HighCharts3.0Beta。 url: http://www.highcharts.com/ Demo:http://www.highcharts.com/demo/ http://www.highcharts.com/stock/demo/ http://api.highcharts.com/highcharts#xAxis function createChart(data){ chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'line' }, title: { text: '用户一周PV线型图' }, subtitle: { text: '信息来源:

背景 最近在帮别的项目组执行性能测试，使用的工具是Jmeter。接口录制和参数化前一个人已经做好了，我主要的工作就是执行脚本，撰写测试报告。事情并不复杂，可做起来却极为耗时。 首先，由于有6组账号，分别对应6个不同的BU，而每个BU又需要执行1、10、20、30四种压力模式。如果使用GUI模式跑，就需要执行24次，还需要每次自己改参数，实在是费心费力。 其次，使用Jmeter插件生成聚合结果后，要根据结果出一份报告，。在我之前做的同事，由于是第一轮测试，也就无从比较，只是从接口、页面、错误率三个维度写了一份报告。而我则需要根据本次和上次的结果，生成图表，以便直观地展示结果。刚开始做这件事时，我是根据需求，找到对应的接口和页面，分别挪到Excel里，利用Excel生成图表。可是既容易错，还容易瞎，实在是折磨人。 解决方案 1 为了解决第一个问题，我的思路是找到Jmeter测试脚本的配置文件，复制多份，批量改成不同的配置，再利用bat脚本每次执行多个。 先将原来的测试脚本Jmx文件复制多份，按环境分成不同的文件夹，再按线程数整理进去，如下图： 因为Jmx文件其实都是xml格式，里面存储了脚本的配置，于是就使用VS Code打开文件夹，进行批量替换，这样很快就能完成配置工作。 之后再写bat脚本，以命令行模式执行jmx脚本，并生成测试报告。 注意在批处理文件中执行多条命令时

今天我们来说一说数据可视化，想必很多人在入门数据分析之后，就会经常进行可视化的工作，所谓一图胜千言，图表用的好，真的是会事半功倍的。但现实情况下，很多人遇到的问题是： 你做的图表太丑了？你做的图表到底想表达什么？图表太多，该用哪一个更好呢？ 很多人看着下面这些高级上档次的数据可视化都觉得羡慕，但是到自己动手的时候又不知从何下手，或者实现难度太大，只能“望图兴叹”。 其实我们想要做好可视化并不难，最简单的方法就是要学一些高级的图表效果，折线图、柱状图这种常见图表很容易给人一种普通感，而高级的图表效果不仅可以提升颜值和逼格，而且能够更清晰地实现数据展示。 下面我就分享五个可视化中常用的高级图表，以及实现这些图表效果的具体方法。 首先，挑个可视化工具 想要做出优秀的可视化，一个好的工具是必不可少的。 其实，简单一点的如excel，这个基本人人都会用，还能配置图表颜色，是数据可视化的入门基础。但是这个对原始数据有一定要求，量不能大数据要干净，也不能绘制地图等更加酷炫的图表，最后的结果是什么呢？ 结果就是，数据可视化沦为了千篇一律的柱形图和折线图，还有那一成不变的配色。 因此数据分析师一般都使用专业的可视化工具，比较常见的就是 python 、 R 这些编程语言和 FineBI 、 tableau 这些专业BI工具，这次我就以FineBI为例，教大家怎么做出高级图表。这里要先说一下

1.计算比率,数据库中存储的是例数,需要计算总数,这里要用到多维数据集中度量和度量的相除,即首先写出分子和分母的度量,然后自定义一个度量,如下: 2.修改图表上值得格式,对value Data点击format. 3.不显示图例 4.Y轴的刻度和最大值最小值,以及刻度大小的设置. 5.对于页面上一些特殊的调整,可以在报表中直接拖拽Dynamic Text,在里面写html代码包括css和js代码. 6.项目在部署时,会出现个别报表无法显示的问题,最大的可能是数据源出现问题,这时查看报表的DataSource,会看到如下: 其中会显示叹号,说明Driver没有同步,此时要同步数据源.这是因为各自开发环境有细微的不同,在提交到SVN以后,下载集成项目时,要更换数据源的读取方式,此时要在检查一下. 7.设置折线图的方格为圆点: 8.针对报表涉及到时间的部分,包括搜索和图表的x轴显示,以及列表中的时间维度,这些建议通过计算列去实现,即把时间计算成类似”20130909”这样的形式,首先是在过滤时,通过filter过滤这样吧比较方便,不涉及到SQL不同数据库时间函数不一样的问题,其次,这种形式可以规避时间排序的BUG. 至此关于Birt在使用方面的一些技巧都介绍完了,希望对需要的TX有所帮助. 来源： oschina 链接： https://my.oschina.net/u/723632

因为篇幅所限,本篇承接上一篇 Eclipse图表工具Birt的使用技巧(二) 继续介绍Birt的小技巧. 4. 公共数据源 项目制作中,多个报表文件可能需要使用同一个DataSet,Cube,DataSource这些东西,如果为每一个rptdesign文件都配置很麻烦,而且修改繁琐. 可以使用一个Library文件,统一集中处理这些数据源.现在项目中新建一个Library文件,如图: 创建好的rptlibrary文件盒报表文件很像,我们直接在这个文件上新建数据源和数据集还有多维数据集.这里不显示了,和正常的创建一样. 创建完毕后,我们返回到一个正常的报表rptdesign文件,在Library Explorer窗口中找到刚才创建的那个library文件.此时可以快速的将Datasource,DataSet,Cube添加到我们的报表文件中.如图: 右键你要添加到当前报表的项,然后Add to Report 即可.如果以后Liberty文件的这些数据源信息有改变,对应的各个文件中的数据源也会有变化. 添加成功后,再看报表中的数据源显示如下: 和正常报表自己创建的数据源会有区别. 5. 针对排序出现错误的问题. 这种问题通常可能会出现在类似这种情景里,比如药品,现在做一个图表,显示按季度为维度,每个季度添加的药品数量,或者按照月份为维度,显示对应药品添加数量.

Birt是一套集成在Eclipse中的开源的报表设计工具,它自带有完整的一套工具,可以方便快速的设计出一般性的常用报表.我在2013年下半年开始使用时,官 方最新的Birt版本是4.3,可以在官网上下载集成好Birt的eclipse应用.在Myeclipse8.6集成的是Birt2.6的版本.eclipse中项目的配置相对麻烦些,推荐可以使用MyEclipse2013 Pro,这个版本集成了Birt4.2的版本.旧版本的环境下会有一个B UG,比如多维数据集Count不准确的. 首先我明确一点,我们的项目当时选用Birt很大程度上是因为它开源免费并且有一整套完整的工具,不过Birt本身资料比较缺少,并且其成图的效果也相对其他HTML5或者canvas图表要老旧.不过在熟练掌握后发现开发效率还是很快的. 下面把项目中遇到的并解决了的一些问题和技巧拿出来晒晒. 首先介绍一下基本的使用: 1.新建项目 新建一个Report Web Project项目,在WebRoot下reports目录下新建一个report文件,此时可以选择模板,Myeclipse内置了一些带有报表格式样式的模板,我们也可以从以前自定义的模板中进行创建,如图: 其中shijn这个选项就是我之前创建的一个模板文件,这里声明一下,模板只会把报表的类型,样式保存过来.你在之前模板使用的数据源

一、前言 　　 TradingView 是一款一款专业级的行业产品，提供超多专业的工具，供专业的投资者和分析师使用，项目本身是免费的，但并不开源，官方提供了托管在 Github 上的私有库，开发者只需向官方提交一些必要的信息，就可以获取到访问权限。 　　相比Echart这种常用图表库，TradingView上手难度比较大，一些专业的概念确实让人看得迷糊，这里就不讲概念了， 中文文档 可以看这里。最近刚好用到这个图表库，这里主要在此记录一下。 二、优化 　　1、实时数据量巨大时候，websocket会频繁向客户端数据，避免组件不断setSstate()，应该把操作合并成一次更新。可以建立一个缓冲带，把 WebSocket 推送过来的数据缓存到一个数组里，每隔固定时间间隔去检查数组是否有内容，有就通知主线程更新，没有就不做操作。 2、首次请求数据，在选定周期内做分段处理，左右滑动再重新获取； 3、因为数据量较大，socket最好用二进制的方式传输数据，数据大小可以减少30%左右； 4、频繁切换交易对对时候记得即时把取消上一个交易对的订阅； 5、解决第一次加载k线板块散跳白屏。 三、部分代码 　　部分代码传到了 github 上。 来源： https://www.cnblogs.com/leaf930814/p/11638324.html

JavaScript 资源大全中文版 包管理器 管理着 JavaScript 库，并提供读取和打包它们的工具。 npm：npm 是 JavaScript 的包管理器。 官网 Bower：一个 web 应用的包管理器。 官网 component：能构建更好 web 应用的客户端包管理器。 官网 spm：全新的静态包管理器。 官网 jam：一个专注于浏览器端和兼容 RequireJS 的包管理器。 官网 jspm：流畅的浏览器包管理器。 官网 Ender：没有库文件的程序库。 官网 volo：以项目模板、添加依赖项与自动化生成的方式创建前端项目。 官网 Duo：一个整合 Component、Browserify 和 Go 官网 的最佳思想，使开发者能快速方便地组织和编写前端代码的下一代包管理器。 加载器 JavaScript 的模块或加载系统。 RequireJS：JavaScript 文件和模块的加载器。 官网 browserify：在浏览器端以 node.js 的方式 require()。 官网 SeaJS：用于 Web 的模块加载器。 官网 HeadJS：HEAD 的唯一脚本。 官网 curl：小巧、快速且易扩展的模块加载器，它能处理 AMD、CommonJS Modules/1.1、CSS、HTML/text 和历史脚本。 官网 lazyload：小巧且无依赖的异步