📅  最后修改于: 2020-10-25 09:42:12        🧑  作者: Mango

PDF版本快速指南资源资源求职讨论区DC.js是建立在D3.js之上的图表库，并与crossfilter本身兼容，crossfilter是另一个流行的JavaScript库，用于在短期内在客户端上浏览数百万条记录。 DC.js是一个JavaScript库，用于在JavaScript中制作交互式仪表板。本教程将为您提供有关DC.js框架的完整知识。这是一个入门教程，涵盖了DC.js的基础知识，并说明...

📅  最后修改于: 2020-10-25 09:42:32        🧑  作者: Mango

DC.js是一个出色的JavaScript库，用于在浏览器，移动设备中进行数据分析，并最终有助于创建数据可视化。数据可视化是以图形或图形格式表示的数据。数据可视化的主要目标是通过统计图形，曲线图和信息图形清晰有效地传达信息。可以使用不同的JavaScript框架在常规Web甚至移动应用程序中开发和集成数据可视化。什么是DC.js？DC.js是一个图表库，用于浏览大型多维数据集。它依靠D3.js引擎...

📅  最后修改于: 2020-10-25 09:43:01        🧑  作者: Mango

在本章中，我们将学习如何设置DC.js开发环境。在开始之前，我们需要以下组件-DC.js库编辑网页浏览器网络服务器让我们详细一步一步地进行操作。DC.js安装DC安装非常容易设置。请按照以下步骤在计算机上安装DC。下载DC库DC是一个开源库；使用链接https://github.com/dc-js/dc.js/releases下载文件。下载最新版本的DC文件。 （到目前为止，最新版本为2.0.2。...

📅  最后修改于: 2020-10-25 09:43:41        🧑  作者: Mango

对于大多数前端开发人员而言，DC.js非常简单。即使没有任何D3.js知识，它也可以快速构建基本图表。之前，我们开始使用DC.js创建可视化；我们需要熟悉网络标准。以下Web标准在D3.js中大量使用，D3.js是DC.js渲染图表的基础。超文本标记语言（HTML）文档对象模型（DOM）级联样式表（CSS）让我们详细了解每个Web标准。超文本标记语言（HTML）众所周知，HTML用于构造网页的内容...

📅  最后修改于: 2020-10-25 09:44:15        🧑  作者: Mango

Crossfilter是一个多维数据集。它支持与包含一百万或更多记录的数据集的极快交互。基本概念Crossfilter在crossfilter命名空间下定义。它使用语义版本控制。考虑一个加载了以下定义的水果集合的交叉过滤器对象-如果我们需要在一个组中执行总记录，则可以使用以下函数-如果我们要按特定类型进行过滤-同样，我们可以使用Crossfilter进行分组。为此，我们可以使用以下函数-因此，Cr...

📅  最后修改于: 2020-10-25 09:45:06        🧑  作者: Mango

D3.js是一个JavaScript库，用于在浏览器中创建交互式可视化。 D3库使我们能够在数据集的上下文中操纵网页的元素。这些元素可以是HTML，SVG或Canvas元素，并且可以根据数据集的内容进行引入，删除或编辑。它是用于处理DOM对象的库。 D3.js可以在数据探索中提供宝贵的帮助。它使您可以控制数据的表示形式，并可以添加数据交互性。与其他库相比，D3.js是主要框架之一。这是因为;它可以...

📅  最后修改于: 2020-10-25 09:45:34        🧑  作者: Mango

Mixin是具有许多预定义功能的抽象功能对象，可以将其混合并在JavaScript类中使用。但是，它们不能单独使用。例如，DC.js有一个Mixin和dc.baseMixin，不能原样使用，但是所有DC图表类（如折线图，饼图等）都将使用它。DC.js具有一组有限的有用的Mixins，可轻松高效地创建图表。它们如下-baseMixin-baseMixin为所有类型的图表提供通用功能。它集成了cros...

📅  最后修改于: 2020-10-25 09:47:48        🧑  作者: Mango

baseMixin提供创建任何类型的图表所需的基本方法。它的范围从设置图表的宽度到图表的高级过滤。常规图表选项basicMixin提供了许多图表方法来获取/设置图表的属性。它们如下chartID（）-返回图表的内部数字ID。chartGroup（[chartGroup]）-获取或设置图表所属的组。在DC.js中，可以将图表分组为一组。一组中的所有图表均应共享相同的Crossfilter数据集。它们...

📅  最后修改于: 2020-10-25 09:48:05        🧑  作者: Mango

capMixin可以将低于某个值的数据元素列表分组为“其他”。它适用于行图和饼图。 capMixin的层次结构如下图所示。capMixin提供了四种方法来查找“其他”部分，它们如下-方法1：cap（[count]）-获取或设置将包含在cap中的元素的计数。方法2：othersGrouper（[grouperFunction]）-获取或设置函数做“其他”基团。提供的默认函数如下。方法3：others...

📅  最后修改于: 2020-10-25 09:48:20        🧑  作者: Mango

colorMixin为所有需要使用颜色进行可视化的图表提供颜色支持。下图定义了colorMixin的层次结构。colorMixin提供以下使用颜色的方法列表，它们如下-colorAccessor（[colorAccessor]）获取或设置颜色访问器函数。这将为基础Crossfilter组中的每个数据点在色标中映射一个不同的颜色值。默认颜色访问器如下-colorDomain（[domain]）获取或...

📅  最后修改于: 2020-10-25 09:48:33        🧑  作者: Mango

marginMixin为“行图”和“坐标网格图”提供了边距实用程序功能。下图定义了marginMixin的层次结构。marginMixin提供了一种为基于坐标轴的图表设置边距的方法。边距（[边距]）获取或设置图表的左，右，上和下边距。图表的默认保证金如下-...

📅  最后修改于: 2020-10-25 09:49:00        🧑  作者: Mango

坐标轴与也称为coordinateGridMixin被设计成支持数个坐标基于网格混凝土图表类型诸如柱状图，折线图，等等coordinateGridMixin的层次结构如下图中所定义的。ordinateGridMixin支持多种方法来减少创建坐标轴的工作量，这些方法如下：brushOn（[brushOn]）chartBodyG（[body]）clipPadding（[pad]）elasticX（[X...

📅  最后修改于: 2020-10-25 09:49:36        🧑  作者: Mango

饼图是圆形统计图。将其分成多个切片以显示数字比例。本章详细说明了如何使用DC.js绘制饼图。饼图方法在继续绘制饼图之前，我们应该了解dc.pieChart类及其方法。 dc.pieChart使用mixins获得绘制图表的基本功能。 dc.pieChart使用的mixins如下-baseMixincapMixincolorMixindc.pieChart的完整类图如下-dc.pieChart获取上述...

📅  最后修改于: 2020-10-25 09:50:08        🧑  作者: Mango

折线图用于将信息显示为通过直线连接的一系列数据点。数据点代表两个值，一个沿水平轴绘制，另一个沿垂直轴绘制。例如，食品的受欢迎程度可以以折线图的方式绘制，使得食品沿着x轴表示，食品的受欢迎度沿y轴表示。本章详细介绍折线图。折线图方法在继续绘制折线图之前，我们应该了解dc.lineChart类及其方法。 dc.lineChart使用mixins获得绘制图表的基本功能。 dc.lineChart使用的m...

📅  最后修改于: 2020-10-25 09:50:37        🧑  作者: Mango

条形图是最常用的图形类型之一，用于显示和比较不同离散类别或组的数量，频率或其他度量（例如平均值）。构造图表时，不同条形的高度或长度与它们代表的类别的大小成比例。x轴（水平轴）代表没有刻度的不同类别。 y轴（垂直轴）确实有刻度，它指示测量单位。可以根据类别的数量以及类别的长度或复杂程度垂直或水平绘制条形图。条形图方法在开始绘制条形图之前，我们应该了解dc.barChart类及其方法。 dc.barC...