📝 DC.js教程
27篇技术文档📅  最后修改于: 2020-10-25 09:51:09        🧑  作者: Mango
复合图是DC.js提供的一种特殊类型的图。它提供了在同一坐标网格中呈现多个图表的选项。合成图表可使用最少的代码行实现高级图表可视化选项。合成图方法在继续绘制复合图表之前,我们需要了解dc.compositeChart类及其方法。 dc.compositeChart使用mixins获得绘制图表的基本功能。 dc.compositeChart使用的mixins如下-dc.baseMixindc.mar...
📅  最后修改于: 2020-10-25 09:51:39        🧑  作者: Mango
系列是一组数据。您可以根据数据绘制图表。本章详细说明如何绘制序列图。序列图方法在继续绘制序列图之前,我们应该了解dc.seriesChart类及其方法。 dc.seriesChart使用Mixins获得绘制图表的基本功能。 dc.seriesChart使用的mixin为-dc.stackMixindc.seriesChart的完整类图如下所示:dc.seriesChart获取上述指定的mixin的...
📅  最后修改于: 2020-10-25 09:52:10        🧑  作者: Mango
散点图是一种数学图。它使用笛卡尔坐标表示,以显示一组数据的两个变量的值。数据显示为点的集合,并且这些点可能是彩色的。本章详细说明了散点图。散点图方法在继续绘制散点图之前,我们应该了解dc.scatterPlot类及其方法。 dc.scatterPlot使用mixins获得绘制图表的基本功能。 dc.scatterPlot使用的mixin在下面给出-dc.coordinateGridMixindc....
📅  最后修改于: 2020-10-25 09:52:51        🧑  作者: Mango
气泡图用于显示数据的三个维度。它是散点图的一种变体,其中的数据点被替换为气泡。气泡大小是相对于数据维度表示的。它使用水平和垂直轴作为值轴。本章将详细介绍气泡图。气泡图方法在继续绘制气泡图之前,我们应该了解dc.bubbleChart类及其方法。 dc.bubbleChart使用mixins获取绘制图表的基本功能,下面列出了这些内容-dc.bubbleMixindc.coordinateGridMi...
📅  最后修改于: 2020-10-25 09:53:20        🧑  作者: Mango
热图是以图的形式用图形表示数据,其中数据值用颜色表示。本章详细说明了热图。在继续绘制热图之前,我们应该了解dc.heatMap类及其方法。 dc.heatMap使用mixins获取绘制图表的基本功能,下面列出了这些内容-dc.colorMixindc.marginMixindc.baseMixindc.heatMap的完整类图如下-dc.heatMap获取上述指定的mixin的所有方法。它有自己的...
📅  最后修改于: 2020-10-25 09:53:52        🧑  作者: Mango
数据计数用于显示数据集中的记录总数。它执行以下两种类型的计数-Total-count-记录总数。过滤器计数-当前过滤器匹配的记录数。数据计数方法在继续使用数据计数之前,我们应该了解dc.dataCount类及其方法。 dc.dataCount类使用mixin来获取显示数据计数的基本功能,即-dc.baseMixindc.dataCount获取此mixin的所有方法,并具有自己的方法来显示数据计数,...
📅  最后修改于: 2020-10-25 09:54:28        🧑  作者: Mango
数据表用于以表格格式显示记录。如本章中详细说明的,它列出了交叉过滤器数据集记录。数据表方法在继续绘制数据表之前,我们应该了解dc.dataTable类及其方法。它使用mixin来获取绘制数据表图表的基本功能,其定义如下-dc.baseMixindc.dataTable获取此mixin的所有方法,并具有自己的绘制数据表的方法,其解释如下。beginSlice([slice])此方法用于获取或设置起始...
📅  最后修改于: 2020-10-25 09:55:18        🧑  作者: Mango
数据网格用于过滤和显示记录。本章详细介绍了数据网格。数据网格方法在继续绘制数据网格之前,我们应该了解dc.dataGrid类及其方法。此类使用mixin来获取绘制数据网格图的基本功能,其定义如下-dc.baseMixindc.dataGrid获取此mixin的所有方法,并具有自己的绘制数据网格的方法,下面将对此进行说明-beginSlice([slice])此方法用于获取或设置起始切片的索引。实现...
📅  最后修改于: 2020-10-25 09:55:40        🧑  作者: Mango
图例是可附加的屏幕自定义。可以将其添加到其他DC图表以呈现水平图例标签。本章详细说明了图例。图例方法图例支持以下重要方法。让我们详细介绍其中的每一个。autoItemWidth([宽度])此方法用于为打开或关闭图例项目设置自动宽度。如果为true,则忽略itemWidth。它定义如下-差距([差距])此方法用于设置或获得图例项之间的间隙。它的定义如下-水平([h])此方法用于水平放置图例,定义如下...
📅  最后修改于: 2020-10-25 09:56:14        🧑  作者: Mango
在本章中,我们将通过单击并选择一个图表来开发DC仪表板。工作实例现在,我们有了背景并且可以开始编写一些代码。它包含以下步骤-步骤1:添加样式让我们使用下面给出的编码在CSS中添加样式。在这里,我们为图表,网格顶部和网格项目分配了样式。步骤2:建立变数让我们在DC中创建一个变量,如下所示。在这里,我们在一行中分配了一个barChart变量id,countChart id是mystats,pieCha...
📅  最后修改于: 2020-10-25 09:56:30        🧑  作者: Mango
以下资源包含有关DC.js的其他信息。请使用它们来获得有关此方面的更深入的知识。DC.js上的有用链接DC.js官方站点-DC.js的官方站点有关DC.js的有用书籍要在此页面上注册您的网站,请发送电子邮件至...
📅  最后修改于: 2020-10-25 09:56:42        🧑  作者: Mango
DC.js是建立在D3.js之上的图表库,并与crossfilter本身兼容,crossfilter是另一个流行的JavaScript库,用于在短期内在客户端上浏览数百万条记录。 DC.js是一个JavaScript库,用于在JavaScript中制作交互式仪表板。本教程将为您提供有关DC.js框架的完整知识。这是一个入门教程,涵盖了DC.js的基础知识,并说明了如何处理其各种模块和子模块。...