首页 文章
  • 0 votes
     answers
     views

    D3映射 - 将两个不相交的svg多边形路径组合成一个路径

    这是我在工具提示interactive map上的第3个跟进问题 . 原始 Map 使用美国州坐标 . 我正在尝试 Build 一个欧洲 Map (因此我的previous question排除了一些多边形悬停以绘制大陆的物理形状,但仅允许工具提示仅在欧盟成员之上) . 在我的工作中,我最初的灵感来自Peter Collingridge svg tutorial,其中大多数国家多边形在 svg p...
  • 0 votes
     answers
     views

    自定义排序自定义减少dc.js中的函数crossfilter.js

    我有以下自定义缩减功能 function reduceAdd(p, v) { p.vol_t += v.oqt; p.prc_t += v.it; ++p.count; // p.average = d3.round((p.total / p.count), 2); return p; } function reduceRemove(p, v) { p.vol_t -= ...
  • 1 votes
     answers
     views

    DC.js Reductio - 显示日期范围DC内的累积平均值

    我正在尝试继续构建一个棒球统计仪表板,似乎又一次撞墙了 . 我有一系列代表游戏统计数据的记录,并希望生成一个条形图,其中包含一个条形图,表示页面第一个图表中所选日期范围的击球平均值 . 我收到了关于创建第一个图表的帮助,该图表显示了所选日期范围的累计命中总数 . 方法是使用regularize_groupAll函数更改groupAll函数以响应all()函数调用而不是.value() . 方法1:...
  • 2 votes
     answers
     views

    dc.js将一些但不是所有图表选择应用于numberDisplay,同时保持图表之间的交互

    我有一个具有以下行/列结构的数据集(数据): Date Category1 Category2 Revenue 30/12/2014 a x 10 30/12/2014 b x 15 31/12/2014 a x ...
  • 0 votes
     answers
     views

    一般reduceInitial函数crossfilter

    我正在构建一个dc.js / d3.js仪表板,其中我经常需要创建包含每个键的数量和每个键的总值的百分比的交叉过滤器组 . 这就是为什么我想制作通用的reduceAdd,reduceRemove和reduceInitial函数 . 我管理了前两个,但我不理解reduceInitial行为: function reduceAdd(dim,grouping,col) { var keys = ...
  • 0 votes
     answers
     views

    React和d3在react组件中导入数据 - 无法读取未定义的属性'length'

    我在我的应用程序中实现了这个chart示例 查看有关如何组成的图像 问题是,如果我的 nums 数据像这样硬编码,我只能正确显示我的图表填充数据 const nums = [32, 19, 47, 38, 17, 62, 94, 21, 59, 62]; export默认类ChartsGrid扩展了React.Component { render() { const view = [4...
  • 1 votes
     answers
     views

    使用Wicked PDF可以很好地导出哪些Web图表库?

    我发现了很多关于人们对HighCharts和Flot将他们的HTML / JS / CSS图表用Wicked PDF(Rails gem)导出为PDF的问题,但没有取得很大的成功 . 有没有人成功使用图表库来导出Wicked PDF并且有(相对)头痛的经历?具体来说,我正在寻找制作饼图 . 更一般地说,是否有人知道画布或SVG或页面元素是否倾向于在导出时呈现更好?
  • 18 votes
     answers
     views

    在条形图中使用有序刻度('d3.scale.ordinal')作为x轴

    我有一个这样的数据数组: var data = [{"Alphabet_Type":"a"}, {"Alphabet_Type":"b"}, {"Alphabet_Type":"a"}]; 我在用: dc.js crossfilter.js d3.js 我想创建...
  • 1 votes
     answers
     views

    对齐条形中心点(DC.JS复合图)

    我有一个dc.js复合图表,它有一个序数条形图和折线图 . 条形图值位于左侧y轴上,折线图值位于右侧y轴上 . 是否可以在条形中心(直接在刻度标记上方)对齐线条的数据点? var oneWayComposite = dc.compositeChart('#chart'); var oneWayBar = dc.barChart(oneWayComposite) .dimens...
  • 0 votes
     answers
     views

    如何使用dc.js和d3.js显示堆积条形图的值?

    Based on this question,我能够使用带有标签的dc.js和d3.js创建条形图 . 但是,我将条形图转换为堆积条形图(基于this documentation),并且我很难显示每个堆栈的标签 . 例如,下图中的每个堆栈都应显示数字,但它显示的是[object Object] 请参阅下面的代码,此处为codepen 使用Javascript var data = [{Categ...
  • 1 votes
     answers
     views

    基于dc.js复合图表中条形颜色的自定义图例

    我实现了一个带有两个条形图的复合图表,其中一个条形图由具有不同颜色条的条形图组成 . 现在,我想创建一个表示每个颜色条的自定义图例(类似于用于饼图的https://dc-js.github.io/dc.js/examples/pie-external-labels.html) . 下面是我到目前为止所做的代码片段: var buttonPress = dc.barChart(composite) ...
  • 3 votes
     answers
     views

    dc.js渲染条形图

    我正在尝试使用dc.js库渲染条形图 . 我的csv数据集的格式如下: q,年,类别,子类别,总数,q1,2010,x,xa,200 q2,2010,y,yb,100 q3,2010,x,xa,300 q4,2010,z,zb,45 q1,2010 ,x,xa,80 q2,2010,y,yb,200 q3,2010,x,xc,301 q4,2010,z,za,205 q1,2011,x,xa,8...
  • 1 votes
     answers
     views

    dc.js cap序数条形图

    dc.js有一个Cap mixin,它允许一个人限制组的数量并显示"others"组中的余数 . 如何访问此行为或排除条形图中的余数? 我正在使用条形图,因为我想显示带有堆叠数据的前5名 . 例如,排名前十的汽车制造商基于车队和私人销售总额(在单独的堆栈中) . 我正在使用一个函数按照我想要的顺序为x轴动态生成5个序数(即汽车制造商),并且图形几乎按预期生成 . 但是,包含不适...
  • 0 votes
     answers
     views

    如何区分dc.js geoChoroplethChart中的“0”值和滤出值?

    我'm making some dashboard using crossfilter.js, d3.js and dc.js but I' m当数据集的值为"0"时出现问题在仪表板中有一个dc.geoChoroplethChart(),我使用.colorCalculator()来区分过滤后的值:如果定义了d而不是0使用颜色,否则使用#666 .colorCalculator(...
  • 0 votes
     answers
     views

    DC.js条形图的时间数据结构

    我正在使用crossfilter.js和dc.js创建一个仪表板,并且有一个图表一直困扰着我!希望有人能提供帮助!见下面的数据结构: Sample Data Structure 我正在尝试制作如下图所示的图表: Desired Chart (Generated in Excel) 我试图避免对Quarters的数据集进行标准化/展平,因为我的记录数量是x4倍(或者更多取决于我们希望显示多少年),并...
  • 2 votes
     answers
     views

    为什么我的迷你 Map 视口矩形会在缩放时平移?

    我创建了一个CodePen来说明我的问题:请参阅CodePen Simple Minimap dashed Viewport . 我是一个小团队的一员,我的工作是(除其他外)做小 Map . 笔中的代码是关于小 Map 的代码的简化版本 . 我是d3js的新手,所以我很高兴听到任何可以改进的东西 . 我遇到了关于虚线矩形的错误,它应该显示我们可以看到的大 Map 的哪个部分 . 平移工作,缩放可...
  • 0 votes
     answers
     views

    d3地球作为传单层?

    我正在为背包客开发一个适合移动设备的地理定位网络应用程序 . 我已经使用D3进行数据访问,使用Leaflet来浏览Google Map (以及其他 Map 图层) . 我的应用程序具有脱机使用功能,例如将coords保存到localstorage,然后在找到Internet连接时上传它们 . 我正在考虑使用d3将GPS坐标绘制到svg Map 投影上,有效地允许我有一个离线世界 Map ,可以显示...
  • 2 votes
     answers
     views

    D3 Leaflet Circle SVG元素不显示任何颜色

    我必须在 Map 上显示d3一些svg圈元素 . 这是其中一个指向罗马的代码,其中一些样式属性设置为D3 . var feature = g.append("circle") .style("stroke", "#006600") .style("fill", "#00cc00") ...
  • 1 votes
     answers
     views

    D3:你如何在折线图上突出显示D3的日期范围?

    我正在使用D3构建一个简单的折线图 . 该图表将包含X轴上的一系列日期和Y轴上的一系列值 . 我想在线后画几个矩形 . 这些矩形将跨越图表的高度并跨越我将定义的日期的宽度 . 假设例如,rect 1在Thu 18th到Wed 24th之间,rect 2在Wed 24th到tue 30th之间 . 这些rect也会附加一个click事件 . 因此,如果单击它们,它们将触发我将定义的函数 . 此函数需...
  • 4 votes
     answers
     views

    将百分比添加到dc.js中的饼图标签

    我有一个饼图,我想为标签添加百分比 . 这是饼图的jsfiddle,代码如下 . 现在图表显示了实际值 . 我看了dc.js Getting Started and How-To Guide这是仪表板的一个例子 . 它的图表中有百分比 . 但是,当我尝试复制结构时,我收到一个错误 . 例如,当我像这样使用标签功能时 .label(function(d) {if(all.value){return ...
  • 0 votes
     answers
     views

    在d3饼图中显示百分比

    目前我在d3中的饼图显示了数字的总和,我想要百分比 . 例如:目前我有一个饼图,显示有多少人提交了访问我们网站的应用程序 . 我们当前的饼图显示如下:人们提交了17,000,人们没有提交10,000,但我也需要这个百分比 . 我怎么能得到那个 . 请找到下面的饼图代码,让我知道我需要做哪些更改才能完成这项工作 . 我是JavaScript和D3的新手 . ko.bindingHandlers.pi...
  • 2 votes
     answers
     views

    将参数添加到d3拖动行为后,元素不再可拖动

    以下代码创建一个圆圈并使其可拖动: HTML: <svg width='400' height='400'> <rect width='100%' height='100%'></rect> <circle transform='translate(259.5,197)' r='10'></circle> </svg>...
  • 2 votes
     answers
     views

    Bluemix Kafka流

    最新版本的IBM Message Bus是否支持Kafka Streams(此处描述:http://www.confluent.io/blog/introducing-kafka-streams-stream-processing-made-simple/) . 有关如何执行此操作的任何示例/示例?如果是,可以用node.js完成吗? 我想做的是 从源数据库(Cloudant)到Kafka流的...
  • 3 votes
     answers
     views

    如何在NVD3饼图上显示百分比%?

    我一直试图在NVD3 Pie Chart上显示百分比,但我不想't see how to do it... I'我正在寻找像this这样的东西 首先,是否有图表选项或方式来显示饼图的每个部分 inside ?如果是,是否有显示百分比而不是确切值的选项? 谢谢,享受你的周末!
  • 1 votes
     answers
     views

    dc.js:数据子集的条形图

    我有格式的数据 [ { "date": dt1, "action": "T", "isRequest": "", "delay": 0 }, { "date": dt1, "action": "C1", "is...
  • 0 votes
     answers
     views

    带有dc.js的条形棒(子弹图)

    我尝试使用dc js项目符号图表创建以下图表 里面会有酒吧(子弹图) 我经历了Target in barchart in dc.js,但没有完全理解 这将如何实现使用条形图或我是否需要使用子弹图?
  • 4 votes
     answers
     views

    X Y堆积条的坐标

    我需要一些帮助来获得堆积条形图中每个矩形的堆积条形图的X和Y坐标 . 我在这里在悬停时创建一个新的矩形 . 我希望在堆积条形图的悬停矩形的右侧顶部创建 . 这是我定义的鼠标功能,问题是它只给出堆积条的第一个矩形的y值 . function movein() { var allRect = d3.selectAll("rect") ...
  • 1 votes
     answers
     views

    鼠标悬停时d3分组条形图突出显示组

    解决:jsfiddle 问题#1:有一个分组的条形图 . 我希望小组能够突出显示小组中的任何小节是否已经过了 . 目前在鼠标悬停时将所有具有“bar”类的行设置为不透明度0.5,然后将特定矩形设置为不透明度1.但是,如何将节点或条形组设置为不透明度1,以便将它们突出显示为其他? .on("mouseover", function(d, i, node) { //this is ...
  • -2 votes
     answers
     views

    DC.JS堆积条形图颜色

    我创建了一个堆积图表,我的数据如下所示: [{probability: 0.12 , impact: 27 }, {probability: 0.22 , impact: 27 }, {probability: 0.44 , impact: 27 }, {probability: 0.12 , impact: 28 }, {probability: 0.31 , impact: 28 },...
  • 1 votes
     answers
     views

    Atom自动完成ternjs无法正常工作

    我有下面的项目结构 . .tern-project内容 { "ecmaVersion": 6, "libs": [ "browser", "jquery" ], "loadEagerly": [ "/bower-components/d3/d3.j...

热门问题