效果截图 前些天有读者问，ECharts 的提示框（tooltip）内，能不能添加一个饼图？...，渲染对应的饼图 大体思路图示 但是还存在一个问题需要解决，这个问题有 2 个难点： 在提示框首次弹出之前，带 id 的 div（回调函数返回的「饼图容器」）是不存在的，而且每次触发提示框显示/移动...，这个 div 会被覆盖，也就是渲染好的「canvas」元素会消失——所以每次触发 tooltip，都需要重新渲染饼图； 问题 1 从ECharts API 看，提示框的显示、隐藏，并没有事件可供监听...为了解决这个问题，我想到了 2 种尝试的思路： 通过监听「events.finished」事件，主图表渲染动作完成后，如果存在提示框饼图的容器（div），则触发饼图的重新渲染； 通过回调函数的嵌套，在「...show: false } }, animation: false }; option = { title: { text: '读者提问，提示框能否显示饼图
小伙伴得问题是怎么让柱子上显示出来一个图呢？ 工具提示 我们管鼠标悬停时可以显示的信息叫做：工具提示。 通常的工具提示，是这样的： ? 称这种工具提示，叫：默认工具提示。...如果希望用图表来做工具提示，需要有两步： 用页面作为容器来容纳图表并设定该页为工具提示页 在需要使用工具提示页的图表的工具提示中设置 制作工具提示页 制作工具提示页，首先，要设置页面为： ?...系统专门准备的这个尺寸就是为工具提示也留着的。 现在就可以在工具提示页里放置一个图表，例如： ? 这样一个工具提示页就做好了。 很多人会好奇的是，这个页面如何随着其他的图而变呢？...其道理在于它会受到其他图的筛选。 使用工具提示页 做好了工具提示页，在几乎任何图表都可以使用，这需要做一个设置，即可，如下： ? 然后将报表页设置为： ? 刚刚创建的工具提示页即可。...总结 刚刚接触 Power BI 的小伙伴，很多人会被工具提示页这类技巧吸引，因为的确比较酷炫，在实际使用的时候，要注意场景，因为只有当用户将鼠标悬停的时候才会出现这个提示。
众多周知，图形和图表要比文本更具表现力和说服力。图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等等。...Chart.js 是一个令人印象深刻的 JavaScript 图表库，建立在 HTML5 Canvas 基础上。目前，它支持6种图表类型（折线图，条形图，雷达图，饼图，柱状图和极地区域区）。...它有很强的交互功能，有许多信息提示，可 点击的 legend 关键字，还有 dril-down，缩放/滚动 和单击打印图表功能。 Flot ?...Ember Charts 是一个基于 Ember.js 和 D3.js 的图表库。它包括时间序列、柱状图、饼图、点图，很容易扩展和修改。...提供商业产品常用图表库，底层基于ZRender，创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、和弦图以及力导向布局图
Google Charts 创 建图表更加的简单。它提供了很多内置的图表，如：条形图、日历图、饼图等等。Google Charts 还提供了许多定制选项让你改变图表的外观。...它提供了非常容易定制的条形图、饼图、散点图等。通过SVG渲染。 回到顶部 Smoothie Charts ? 如果你处理实时的数据流的话，Smoothie Charts 可能是非常有帮助的。...回到顶部 Flot ? Flot是一款jQuery图表库。它也是最老和最流行的图表库之一。 支持lines, points, filled areas, bars以及这些图形的组合。...这里是用Flot创建的图表列表。 回到顶部 amCharts ? amCharts 无疑是最漂亮的图表库之一。...查看干货 数据分析师完整知识结构 2、回复“答案”查看大数据Hadoop面试笔试题及答案 3、回复“设计”查看这是我见过最逆天的设计，令人惊叹叫绝 4、回复“可视化”查看数据可视化专题-数据可视化案例与工具
bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/ bootstrapTour bootstrap页面引导插件 http://bootstraptour.com/ d3.js 数据显示图表库...www.eyecon.ro/colorpicker/ cropper.js jquery图片剪裁插件 http://fengyuanchen.github.io/cropper/ datamaps.js 数据地图工具...Listbox.js bootstrap的列表选择插件 https://www.virtuosoft.eu/code/bootstrap-duallistbox/ easypiechart.js jquery的饼状图插件...http://rendro.github.io/easy-pie-chart/ flot.js jquery的图表插件 fooTable.js bootstrap的table插件 http://fooplugins.github.io...相册插件 http://miromannino.github.io/Justified-Gallery/ jvectormap 地图插件 http://jvectormap.com/ ladda 加载提示插件
Sigma.js Sigma.js是一个开源的轻量级库，用来显示交互式的静态和动态图表。 ? ?...通过推送一个webSocket来显示实时数据流。Smoothie Charts只支持Chorme和Safari浏览器，并且不支持刻印文字或饼图，它很擅长显示流媒体数据。 ? ?...Flot Flot是一个优秀的线框图表库，支持所有支持canvas的浏览器（目前主流的浏览器如火狐、IE、Chrome等都支持）。 ? ?...Pizza Pie Charts Pizza Pie Charts是个响应式饼图图表，基于Adobe Snap SVG框架，通过HTML标记和CSS来替代JavaScript对象，更容易集成各种先进的技术...它是最全面的图表解决方案，包含90+图表类型和众多交互功能，包括3D、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示，可以帮助你快速创建图表。 ? ?
使用 npm 安装 Chartist： npm install chartist --save Chartist 创建具有自定义标签的饼图的代码示例： var data = { labels:...FlexChart 是高性能的图表工具。使用 FlexChart，可轻松的将表格数据可视化为业务图表。...FlexChart 不但支持常见的图表类型，如折线图、饼状图、面积图等，还支持气泡图、K线图、条形图、漏斗图等高级图表类型。...目前，jQuery 已经成为 Web 开发人员非常重要的工具。有了 Flot.js，前端设计也变得更加容易。 Flot.js 是 JavaScript 库中较为古老的图表库之一。...尽管如此，Flot.js 也不会因为绘制折线图、饼图、条形图、面积图、甚至堆叠图表而降低其性能。 Flot.js 有一个很完善的文档。当用户遇到困难时，可以很容易地找到解决办法。
Excel Excel作为一个入门级工具，是快速分析数据的理想工具，也能创建供内部使用的数据图，但是Excel在颜色、线条和样式上课选择的范围有限，这也意味着用Excel很难制作出能符合专业出版物和网站需要的数据图...通过推送一个webSocket来显示实时数据流。Smoothie Charts只支持Chorme和Safari浏览器，并且不支持刻印文字或饼图，它很擅长显示流媒体数据。 ? ?...Flot Flot是一个优秀的线框图表库，支持所有支持canvas的浏览器（目前主流的浏览器如火狐、IE、Chrome等都支持）。 ? ?...Pizza Pie Charts Pizza Pie Charts是个响应式饼图图表，基于Adobe Snap SVG框架，通过HTML标记和CSS来替代JavaScript对象，更容易集成各种先进的技术...它是最全面的图表解决方案，包含90+图表类型和众多交互功能，包括3D、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示，可以帮助你快速创建图表。 ? ?
使用 npm 安装 Chartist： npm install chartist –save Chartist 创建具有自定义标签的饼图的代码示例： vardata={ labels:['Bananas...使用 FlexChart，可轻松的将表格数据可视化为业务图表。FlexChart 不但支持常见的图表类型，如折线图、饼状图、面积图等，还支持气泡图、K线图、条形图、漏斗图等高级图表类型。...目前，jQuery 已经成为 Web 开发人员非常重要的工具。...有了 Flot.js，前端设计也变得更加容易。 Flot.js 是 JavaScript 库中较为古老的图表库之一。...尽管如此，Flot.js 也不会因为绘制折线图、饼图、条形图、面积图、甚至堆叠图表而降低其性能。 Flot.js 有一个很完善的文档。当用户遇到困难时，可以很容易地找到解决办法。
Sigma.js Sigma.js是一个开源的轻量级库，用来显示交互式的静态和动态图表。 ?...通过推送一个webSocket来显示实时数据流。Smoothie Charts只支持Chorme和Safari浏览器，并且不支持刻印文字或饼图，它很擅长显示流媒体数据。 ? ?...Flot Flot是一个优秀的线框图表库，支持所有支持canvas的浏览器（目前主流的浏览器如火狐、IE、Chrome等都支持）。 ?...Pizza Pie Charts Pizza Pie Charts是个响应式饼图图表，基于Adobe Snap SVG框架，通过HTML标记和CSS来替代JavaScript对象，更容易集成各种先进的技术...它是最全面的图表解决方案，包含90+图表类型和众多交互功能，包括3D、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示，可以帮助你快速创建图表。 ?
但是D3能够提供大量线性图和条形图之外的复杂图表样式，例如Voronoi图、树形图、圆形集群和单词云等。...Pie Charts是个响应式饼图图表，基于Adobe Snap SVG框架，通过HTML标记和CSS来替代JavaScript对象，更容易集成各种先进的技术。...它是最全面的图表解决方案，包含90+图表类型和众多交互功能，包括3D、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示，可以帮助你快速创建图表。...❖ Flot：Flot是一个优秀的线框图表库，支持所有支持canvas的浏览器（目前主流的浏览器如火狐、IE、Chrome等都支持）。...❖ Sigma.js：Sigma.js是一个开源的轻量级库，用来显示交互式的静态和动态图表。 ❖ Timeline：Timeline即时间轴，用户通过这个工具可以一目了然的知道自己在何时做了什么。
iCharts 的免费版只允许你用基本的图表类型，如果基本图表类型无法满足需求，升级到付费用户吧。 2 Flot ?...Leaflet的内核库很小，但是有很多插件能扩展其功能，比如：动态标记、masks 和热图，非常适用于需要显示地理位置的项目。麻雀虽小，五脏俱全。 6 Timeline ?...Timeline 是一个奇妙的小工具，坑绘制漂亮的交互式时间轴，用户滚动鼠标，时间轴会响应变化。点击时间轴上的元素，可显示更多信息。（MIT 开发） 7 Exhibit ?...目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。 20 Google Chart Tools ?...从简单的线图，Geo图、gauges（测量仪），到复杂的树图，Google Chart Tools提供了大量设计优良的图表工具。 本文部分内容摘自网络 如有侵权，请联系我们以作删除
大数据时代，需要工具实现数据可视化，需要倚仗大数据可视化工具，这些工具中不乏有适用于Flash、HTML5、NET、Java、Flex等平台的，也不乏有适用于常规图表报表、金融图表、工控图表、甘特图、流程图...Pie Charts是个响应式饼图图表，基于Adobe Snap SVG框架，通过HTML标记和CSS来替代JavaScript对象，更容易集成各种先进的技术。...它是最全面的图表解决方案，包含90+图表类型和众多交互功能，包括3D、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示，可以帮助你快速创建图表。...❖ Flot：Flot是一个优秀的线框图表库，支持所有支持canvas的浏览器（目前主流的浏览器如火狐、IE、Chrome等都支持）。...❖ Sigma.js：Sigma.js是一个开源的轻量级库，用来显示交互式的静态和动态图表。 ?
21 Pizza Pie Charts Pizza Pie Charts是个响应式饼图图表，基于Adobe Snap SVG框架，通过HTML标记和CSS来替代JavaScript对象，更容易集成各种先进的技术...它是最全面的图表解决方案，包含90+图表类型和众多交互功能，包括3D、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示，可以帮助你快速创建图表。...通过推送一个webSocket来显示实时数据流。Smoothie Charts只支持Chorme和Safari浏览器，并且不支持刻印文字或饼图，它很擅长显示流媒体数据。 ?...31 Flot Flot是一个优秀的线框图表库，支持所有支持canvas的浏览器（目前主流的浏览器如火狐、IE、Chrome等都支持）。...47 Rickshaw Rickshaw是一个基于D3.JS来创建序交互式的时间序列图表库。 48 Sigma.js Sigma.js是一个开源的轻量级库，用来显示交互式的静态和动态图表。
DataWrapper 在新版本浏览器中可以显示动态图表，而在旧版本浏览器中则显示静态图片。...Page: http://datawrapper.de/ 2.Flot: 一个基于jQuery 的绘图库，使用HTML 的canvas 元素，也支持旧版本浏览器(甚至IE6)。...Page: http://www.flotcharts.org/ 3.Google Chart Tools 4.gRaphaël: 与Flot 相比，它更灵活，而且还要更漂亮一些。...8.jQuery Sparklines: 可生成波形图的jQuery 插件，主要是那些可以嵌在字里行间的小条形图、折线图、面积图。支持大多数浏览器，包括IE6。...9.Peity：jQuery 插件，可生成非常小的条形图、折线图和饼图，只支持较新版本的浏览器。再强调一遍，它能生成非常小又非常精致的小型可视化图表。
但是D3能够提供大量线性图和条形图之外的复杂图表样式，例如Voronoi图、树形图、圆形集群和单词云等。 四、R R语言是主要用于统计分析、绘图的语言和操作环境。...http://jsdraw2dx.jsfiction.com/ 二十一、Pizza Pie Charts Pizza Pie Charts是个响应式饼图图表，基于Adobe Snap SVG框架，通过HTML...它是最全面的图表解决方案，包含90+图表类型和众多交互功能，包括3D、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示，可以帮助你快速创建图表。...通过推送一个webSocket来显示实时数据流。Smoothie Charts只支持Chorme和Safari浏览器，并且不支持刻印文字或饼图，它很擅长显示流媒体数据。...三十一、Flot Flot是一个优秀的线框图表库，支持所有支持canvas的浏览器（目前主流的浏览器如火狐、IE、Chrome等都支持）。
因此，我收集了适合各个平台各种行业的多个图表和报表工具，这些工具中不乏有适用于NET、Java、Flash、HTML5、Flex等平台的，也不乏有适用于常规图表报表、甘特图、流程图、金融图表、工控图表、...http://jsdraw2dx.jsfiction.com/ 二十一、Pizza Pie Charts Pizza Pie Charts是个响应式饼图图表，基于Adobe Snap SVG框架，通过HTML...它是最全面的图表解决方案，包含90+图表类型和众多交互功能，包括3D、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示，可以帮助你快速创建图表。...通过推送一个webSocket来显示实时数据流。Smoothie Charts只支持Chorme和Safari浏览器，并且不支持刻印文字或饼图，它很擅长显示流媒体数据。...三十一、Flot Flot是一个优秀的线框图表库，支持所有支持canvas的浏览器（目前主流的浏览器如火狐、IE、Chrome等都支持）。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
实时音视频
