程序员经验分享-hwhale

echarts和highcharts比较

2023-05-16

echarts 国产（百度）：

highcharts 外产、分版本收费：

    canvas特点：

    ①依赖分辨率

    ②不支持事件处理器

    ③弱的文本渲染能力

    ④能够以.jpg、.png格式保存结果图像

    ⑤最适合图像密集型的游戏，其中的许多对象会被频繁重绘

 

    svg特点：

    ①不依赖分辨率

    ②支持事件处理器

    ③最适合带有大型渲染区域的应用程序（如谷歌地图）

    ④复杂度高会减慢渲染速度（任何过度使用DOM的应用都不快）

    ⑤不适合游戏应用

 

echarts 与 hightcharts 都支持哪些图标类型？

 虽然都是基于html的canvas画布进行开发的，echarts图标毕竟是基于MVC结构的图形开发包ZRender的基础上进行的，所以各方面还是考虑比较成熟的。

 

从技术实现看：前者 hightcharts 基于svg，对于动态的增删节点数据非常灵活，不需要重新绘图。后者基于canvas的技术，对于处理大量的数据和3D绘图比较有优势，3D绘图是前者无法比的当然正式因为基于canvas绘图对于动态的增删节点是需要重新绘图加载数据，而且无法动态改变图表的尺寸，只能是缩放。从技术实现上svg和canvas是不同理论的东西，没办法评论谁好谁坏。我认为根据具体的业务需求选择最合适技术才是一个合格的程序员应该做的，这也是为什么明确的需求对一个项目是非常重要的。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

echarts

highcharts

echarts和highcharts比较 的相关文章

  • Django - 无法获取 highchart 来显示数据

    我尝试按照以下解决方案在 Highchart 的帮助下显示图表 通过 JSON 将 Django 数据库查询集传递到 Highcharts https stackoverflow com questions 27810087 passing

  • Highcharts 同步图表显示工具提示

    我想在同步图表中显示工具提示 请看这个Jsfiddle http jsfiddle net 51zdn0jz 5 container bind mousemove touchmove touchstart function e var ch

  • 在c#中将网页捕获为图像，确保javascript渲染的元素可见

    我正在尝试使用标准 c net 代码捕获以下页面 我搜索了人们的各种方法 其中大多数涉及实例化浏览器对象并使用绘制位图方法 然而 这些都没有获取此页面上图表的内容 http www highcharts com demo combo dua

  • highcharts 弄错了我的时间

    highcharts 弄错了我的时间 我来自委内瑞拉 以防万一 我正在做一个实时系统 我可以在数据库中获取时间 秒和毫秒 例如 10 39 09 2 我应用 strtotime time 然后通过 json 发送到图表 在我的高图表中 我进

  • 删除 highcharts.com 积分链接

    我刚刚购买高图表 http www highcharts com 但制作人员链接仍然出现在我的图表上 这些图表在我的网站上非常突出 并且扭曲了图表视图 我以为我会有一个选项 那么如何删除它呢 您可以自定义制作人员名单 更改 URL 文本 位

  • 将 Highcharts 导出为 PDF（使用 javascript 和本地服务器 - 无互联网连接）

    我在我的应用程序中使用 Highcharts 没有任何互联网连接 我的 html 页面上有多个图表 我想生成一个包含该页面中所有图表的 PDF 报告 我怎样才能做到这一点而不将数据发送到互联网上的任何服务器 我将感谢您提供的任何帮助或任何示

  • 使用 html2canvas 将 highcharts 图表渲染为 pdf 在 IE 和 Firefox 上不起作用

    我们使用 html2canvas js 和 html2canvas svg js 版本 0 5 0 beta1 以及 highcharts js 将圆环图下载为 pdf 这在 Chrome 中按预期工作 但在 IE 和 Firefox 中不

  • Highcharts.js 中的列之间的空间

    我有一个柱形图 其中对于每个 X 值我有两个系列 但该图显示每个 X 值之间的间距很宽 在 Highchart 中如何使列和 y 轴之间有 1px 的空间 Update pointPadding 0 2 to pointPadding 0

  • highchart情节可以有移动动画吗？

    有没有什么方法可以让情节线通过动画移动到新位置 或者我必须使用其他插件吗 我想构建像二元期权或专家期权游戏一样的乐趣 这是我的简单演示 示例演示链接 http jsfiddle net krdh2e73 function Highchart

  • 图表处理程序配置中的临时图像目录无效

    我正在使用 highchart 仅当我在内网网络中的 IIS 服务器上运行我的网站时 才会出现此错误 相反 它在开发服务器中运行良好 Visual Studio 2012 图表处理程序配置中的临时图像目录无效 c TempImageFile

  • 在高图表中突出显示一系列条形图中的一个条形图？

    我有一个图表 显示堆叠和分组的条形图 类似于这个演示 http www highcharts com demo column stacked and grouped 有没有办法从 JavaScript 代码中使系列之一中的其中一个栏突出显示

  • 当系列没有相同的时间值时，如何在工具提示中显示所有系列

    我有一个显示多个时间序列的图表 不同时间序列不会同时采样 有没有办法在工具提示中显示所有系列 在示例中 您可以看到所有系列都包含在前 2 个点的工具提示中 因为它们是同时采样的 其余点仅包含 1 个系列 var myChart echart

  • highchart堆积柱每个类别的总数据

    我想获取每个类别的总数据 这point stackTotal只给出活动数据的总数 从我粘贴的代码示例中 我想知道每种水果的总消耗量 因此 即使我单击右上角图例上的乔的名字 这使得堆叠图表上的所有乔信息都处于非活动状态 我仍然可以知道约翰 简

  • Highcharts 问题 - 在可缩放图表中显示标签

    我有一个缩放柱形图 xAxis 中有 200 多个类别 因此 当它处于初始状态 比例1 1 时 所有这些家伙都显示在X轴下方 即使我将它们垂直放置 也无法读取任何内容 我需要缩放图表以使标签可见 Here s screenshot of t

  • 高图表的分散工具提示未显示

    我有一个散点图和条形图 我无法查看酒吧上方散点的工具提示 这是小提琴http jsfiddle net tZ9Rt http jsfiddle net tZ9Rt 我正在使用这两个系列 series type scatter index 2

  • 如何提高 highcharts 图表创建和渲染的性能

    我本地有一个文件JSON格式化数据 我创造了一点点PHP脚本在调用时回显该文件的输出AJAX 数据文件的大小是59k 我按照 highcharts 建议禁用动画和阴影 当我加载图表时 渲染需要非常非常长的时间 我已经粘贴了下面的脚本 我有什

  • 使用 MVC3 根据 Highchart 条形图中的值更改条形颜色

    我正在使用 Dotnet Highchart 和 MVC3 我目前正在使用一个如下所示的图表 我正在尝试修改我的代码 以便我可以根据条形的数量更改条形的颜色 我还想知道如何删除按钮 Snittbetyg 正如您在图像上看到的那样 这是我的代

  • 滚动高图图表

    这是我的问题 我正在使用phonegap框架来开发一个混合应用程序 并且我需要这个应用程序具有我决定使用highcharts库的图表 问题是 我似乎无法在触摸图表后滚动 至少在触摸图像的选定部分内部时 我想要做的是防止图表发生任何事件 并显

  • 根据数据更改图例颜色高图表

    我可以根据数据动态设置列的颜色 但无法弄清楚如何更改图例中的颜色 请注意 jsfiddle 最新的条形图是绿色的 但图例是蓝色的 有没有办法改变列颜色也会改变图例颜色 这是我用于列颜色的代码 jsfiddle http jsfiddle n

  • 如何将多个数据系列导入 Highcharts

    以下代码有效 var options1 chart renderTo container1 series getJSON tokyo jsn function data options1 series 0 data data var cha

随机推荐

热门标签