怎么给highchartscdnjs x轴设置不同的值

来源：蜘蛛抓取(WebSpider) 时间：2017-07-24 07:59 标签： highchartscdnjs
在前端的开发中…数据是枯燥的但是图形的展示却是有趣的。有些时候我们需要借助一些三方的js库来实现数据可视化让用户更加直观的看透数据的变化更替。下面我們列出如下：

highchartscdnjs JS 是一个广受欢迎的基于 SVG 的 JavaScript 图表库针对旧的浏览器可降级到 VML 和画布。世界上最大的 100 家公司中有 72 家公司（Facebook、Twitter 等）使用了这个庫，这使得它成为世界上最流行的 JS 图表 API

Metric-Graphics 用于可视化和布局时间序列数据。它相对较小（80kb）提供了小而优雅的线条图、散点图、直方图、柱状图和数据表，以及地格图（rug plot）和基本线性回归等特性

这里有一个交互式的示例库：

Recharts 是一个使用 React 和 D3 构建的图表库，可以作为声明性嘚 React 组件使用 该库提供原生 SVG 支持，轻量级依赖树（D3 子模块）高度可定制官网文档中可以找到很多例子。

C3 是一个基于 D3 的可重用 Web 应用图表库该库为每个元素提供了相应的类，这样你就可以通过这些类来自定义样式并通过 D3 直接扩展结构。它还提供了多种 API 和回调来访问图表状態借助它们，你可以更新图表即使是已经渲染好的图标。

React-vis 是 Uber 开发的一系列数据可视化组件包括线 / 面 / 柱状图、热图、散热图、等高线圖、六角热图等等。使用该库不需要事先掌握 D3 或任何其他 data-vis 库的知识并提供了低级模块化的构建块组件，如 x/y 轴

Victory 在 Web 和 React Native 应用程序中使用相同嘚 API，以便于跨平台绘制图表一种优雅而灵活的方式来利用 React 组件来支持实用的数据可视化。

Carto 是一个位置智能和数据可视化工具用于发现位置数据中的见解。你可以通过 Web 表单上传地理空间数据（Shapefiles、GeoJSON 等）并在数据集或地图上将其可视化，使用 SQL 进行搜索并使用 CartoCSS 来应用地图样式。

Raw 是电子表格和数据可视化之间的连接基于 d3.js 库创建基于向量的自定义可视化。它可以处理表格数据（电子表格和 CSV）和从其他应用程序複制和粘贴的文本因为是 SVG 格式，所以可以使用矢量图形编辑器编辑或直接嵌入到网页中。

Metabase 是一种相当快速和简单的方法可以在不了解 SQL 的情况下创建数据仪表盘（分析师和数据专业人士可使用 SQL 模式）。 你可以创建片段和度量指标发送数据到 Slack（通过 MetaBot 在 Slack 中查看数据）等等。它可能是一个很好的工具可用它在团队内部可视化数据，尽管可能需要做一些维护工作

tauCharts 一个基于 D3 的图表库。该库提供了一个声明接ロ用于将数据字段快速映射到可视化属性，它的架构允许你使用插件构建切面和扩展图表行为

我要回帖

更多关于 highchartscdnjs 的文章

 

随机推荐