数据异常的d3堆叠条形图
是一种数据可视化的图表类型，通过使用d3.js库来实现。堆叠条形图可以展示多个类别的数据在不同维度上的分布情况，并且可以突出显示数据的异常情况。
堆叠条形图的优势在于能够清晰地展示不同类别数据的总量以及各个类别数据在不同维度上的分布情况。通过堆叠的方式，可以直观地比较不同类别数据在同一维度上的大小关系，并且可以通过颜色或其他视觉元素来突出显示异常数据。
堆叠条形图的应用场景非常广泛，例如金融领域可以用于展示不同行业的收入分布情况；销售领域可以用于展示不同产品在不同地区的销售情况；医疗领域可以用于展示不同疾病在不同年龄段的发病情况等等。
腾讯云提供了一些相关的产品和服务，可以帮助开发者实现数据异常的d3堆叠条形图。例如，腾讯云的云服务器（CVM）可以提供稳定可靠的计算资源；云数据库MySQL版（CDB）可以提供高性能的数据库存储；云存储（COS）可以提供可靠的文件存储服务；人工智能服务（AI）可以提供图像识别、语音识别等功能。具体产品介绍和链接地址可以参考腾讯云官方网站。
相关·内容
我这里有个柱塞-
我正在尝试用D3创建一个角度上的堆叠条形图。
图表数据需要是JSON数据。
我找到了一个使用JSON的堆叠条形图的例子
这就是我的柱塞在角度内的基础。
我搞错了
ERROR TypeError: Cannot read property 'forEach' of undefined
在这点上
this.data.forEach((d:any) =>{
d.total = 0;
this.keys.forEach((k:any) =>{
d.total += d[k];
})
});
我猜这是打字稿的问题
浏览 2提问于2017-11-06得票数 0
回答已采纳
3回答
我有嵌套的JSON数据，其中第一级键是活动类型(骑行、徒步旅行等)。第二个层次是年份。每年都有一个值(以公里为单位的距离)。我的数据结构如下所示： ? 我想从我的数据中绘制一个堆叠的条形图，就像这样的http://bl.ocks.org/mstanaland/6100713。如何将数据放入适合D3堆叠条形图的结构中？
浏览 11提问于2019-09-01得票数 1
2回答
我这里有个堆栈-
我正在用D3创建一个角度上的堆叠条形图。
X轴是月份，每个月有两个堆叠的条形图。
我不知道如何用D3函数来定位x轴上的杆，所以我用宽度除以杆数来定位它们。
.attr('width', (this.width/this.data.length)-2)
.attr('x', (d:any, i:any)=>{
return (i * this.width/this.data.length);
})
这类工作，但月勾应该在每月的每条之间，但这是关闭的。
如何使用d3内置的函数正确定位条形图？
浏览 0提问于2018-08-13得票数 1
回答已采纳
我正在尝试读取D3中的csv文件，并尝试构建具有2个属性的堆叠条形图，在csv文件中，我不知道一个特定属性存在多少个唯一值。因此，根据独特属性的数量，我需要许多不同的颜色来绘制堆叠条形图。
在D3或javascript中，有没有办法在给定整数n的情况下获得不同的颜色，比如10或15？
浏览 4提问于2018-11-21得票数 0
1回答
我计划使用d3js构建一个堆叠的条形图，其中显示了电子邮件的发送，打开和点击的数量，与正常的堆叠条形图，将有每个列3个块，并在彼此上的stack。
例如:发送的邮件总数为100，打开的邮件数量为80，点击数量为30，则有3个区块，每个区块的值分别为100、80和30。但它没有显示确切的统计数据，所以我想构建一个重叠的堆叠条形图，如下所示
这是一个例子，但我没有找到任何d3图表或其他支持它的东西，我想我们需要自定义它们。
浏览 3提问于2018-07-31得票数 0
我这里有个堆栈闪电战-
我正在尝试创建一个使用D3更新模式更新的堆叠条形图。
我有轴更新，但条形图没有更新
更新函数被调用，数据更新和更新函数在页面第一次加载时工作。
我确实尝试过在这里包含代码，但是我总是会出错。
浏览 1提问于2018-09-10得票数 0
回答已采纳
1回答
我看到了如何在flot中显示带有水平条形图或垂直条形图的条形图，这些条形图可以垂直堆叠，但我找不到如何显示水平和堆叠条形图的示例。
我该怎么做呢？
这是我的代码，从下面的网站上复制过来的，但是条形图还是不能堆叠
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text
浏览 1提问于2012-03-10得票数 4
回答已采纳
1回答
我有一个大量的数据文件，我正在按人将其分解为一天的块，然后绘制一天中发生的事件以及这些事件的持续时间( A、B或C)。 数据结构如下: t_z是行之间的间隔，period是事件变量，本例是一个人的一天(实际数据是xdays xpersons) intervals <- c(0,5.1166667,6.2166667,3.5166667,0.06666667,3.0666667,6.3,
2.3833333,0.06666667,4.7,18.666667,17.383333,21.533333,
0.1,0.08333333,
浏览 36提问于2020-10-19得票数 2
我这里有一个堆栈闪电战-
我有一个使用Angular中的D3的堆叠条形图。
我正在尝试在x轴上定位标签的第二个轴。
目前我使用的是图形的with，但这意味着标签与条形图不能正确对齐。
有没有更好的D3方法来添加这些标签并放置它们。
浏览 15提问于2018-08-13得票数 0
回答已采纳
1回答
我已经用D3制作了一个径向堆叠条形图，但是我在鼠标悬停上显示数据有一些问题。我已经编写了关于可观察()的代码，其中提到交互的部分是最后一个(并对其进行了注释)。
浏览 4提问于2020-07-26得票数 1
回答已采纳
我正在尝试使用d3.js中的堆栈布局来构建堆叠条形图(请参阅此处：)。我已经正确显示和堆叠了条形图。但我的数据中存在差距，因此对于这些实例，我使用插值值。因此，在我的数据文件中，每一类数据都有两列:一列表示实际的数值，另一列带有0/1标志，指示该值是否为插值。
我想要做的是检查标志，如果值是插值的，来改变矩形填充的颜色或不透明度。但我无论如何也想不出如何做到这一点-- d3的数据结构让我非常困惑。任何帮助都将不胜感激。谢谢!
浏览 0提问于2013-02-04得票数 1
回答已采纳
1回答
我使用d3 js在jsp页面的框框中绘制了一个水平堆叠条形图。但是堆叠条形图很大，即SVG内容太大，堆叠条形图的所有条形图都无法放入框中，我必须在box元素中放置自动溢出，这样当我滚动时，我可以看到隐藏的条形图。
所以我这里有个问题。如果堆叠条形图中的条形图数量太大，以至于不能一次性放入框中，那么X轴是不可见的，我必须一直向下滚动才能看到X轴上的值。
我想要做的是始终将X轴保持在框框底部的上方，并将堆叠条形图上的内容隐藏在X-Axis下方。
我可以管理X轴的位置，使其始终可见(甚至在滚动中)。我需要帮助隐藏的内容堆叠条形图下面的X轴。这就是我更改X轴位置的方法，尽管这在执行滚动时没有帮助。
s
浏览 2提问于2016-04-08得票数 0
我有这个数据集：
var dataset = [
{ "Date":"2014-10", "updates":427, "insert":27, "remove":29},
{ "Date":"2014-12", "updates":27, "insert":57, "remove":9},
{ "Date":"2015-02", "updates":47, &#
浏览 4提问于2015-02-06得票数 1
回答已采纳
1回答
我正在尝试使用CSS在D3中实现堆叠条形图的颜色。现在在D3中，我们正在使用如下所示的颜色使用enter、update、exit创建条形图。代码中的i是索引。
var stackedBarEnter = stackedBar.enter()
.append('g')
.attr('class', function(d,i) {
return 'stacked bar color-'+i;
});
在CSS中，我尝试了不同的东西:填充条形颜色-矩形{ .rect :red；}
我是否做
浏览 1提问于2017-12-02得票数 0
1回答
我刚刚使用birt图表api完成了我的第一步。我创建了一些堆叠和非堆叠(分组)条形图，但我还需要它们的混合:一些条形图系列应该堆叠，一些条形图系列应该分组。如何做到这一点？
(将一些但不是所有序列设置为bs1.setStacked(true)；会产生一个异常...包含堆叠和未堆叠的系列的混合。)
但是它应该能工作吗？！：
浏览 4提问于2012-09-04得票数 0
我正在使用react + d3创建一个堆叠和分组的条形图，我将其堆叠起来，但找不到如何也将其分组？ 我想要像这样的图片 ? 数据如下所示： const data = [
{
name: "Brand 1",
Affiliate: 10,
Social: 20,
Media: 30
},
{
name: "Brand 2",
Affiliate: 20,
Social: 40,
Med
浏览 17提问于2020-08-25得票数 2
回答已采纳
我有一个堆叠的条形图，它在X轴上显示年份，在Y轴上显示总数，矩形部分按项目类型着色。我的数据数组示例如下所示： Item, Tonnes, Year
Wheat, 38913, 2020
Sugar, 23463, 2020
Rice, 23524, 2020
Wheat, 38913, 2019
Sugar, 23463, 2019
Rice, 23524, 2019 D3使用的格式化数据如下所示： 0: {year: 1995, Animal and Vegetable Oil: 38913, total: 3168499, Bananas: 25259, Beverages: 6958
浏览 23提问于2020-10-05得票数 0
我想将所有相同的值添加到一个条形图中，通常在d3中我们有堆叠条形图的概念，在这里我给出了示例运行代码
我想要像这样，假设这个域2013-01,53，我们有4-5多个条目，所有的条目都应该在同一个栏中。
浏览 2提问于2016-10-18得票数 0
回答已采纳
1回答
我想要创建一个堆叠的条形图，但不是通常的系列方式，谁得到堆叠。
确切的数据示例：
[
{"issue":19,"created_at":"2017-01-06T14:24:04.247Z","time":"00:30:00"},
{"issue":18,"created_at":"2017-01-06T14:24:04.247Z","time":"02:00:00"},
{"issue":18,"create
浏览 1提问于2017-01-12得票数 0
1回答
我有想要可视化为堆叠条形图的数据(或其他合适的数据)：
{
"ep1": {
"avi": 29,
"mov": 17,
"mp3": 19
},
"ep2": {
"avi": 13,
"mp3": 49,
"mp4": 37,
"xyz": 5
},
...
}
但是，在查看各种D3和NVD3示例(
浏览 0提问于2013-08-13得票数 0
1回答
我正在使用基于d3和crossfilter的维度图表javascript库dc.js制作堆叠的平均条形图。我是dc.js库的新手..我有显示数据加载时的行图，饼图和数据table.Initially，所有的堆叠条形图平均值显示correctly.when我点击一个值的行图堆叠条形图的平均值不能正确显示。我无法理解如何按照csv格式创建堆叠条形图。
Sku Stars partner review Date
KBU12 5 Amazon Preferred over the r. 02/05/2016
KBU12 5 Amazon
浏览 6提问于2016-08-08得票数 1
回答已采纳
我有一个在excel中创建的图表，我想在d3中复制它，但我不确定应该从哪里开始。
它的目的是显示哪个角色在游戏中的哪个时刻说话，因此它在视觉上看起来类似于甘特图或堆叠条形图，但它不像甘特图那样按时间工作。我认为这应该是一个条形图或一系列条形图，对吗？我是否可以通过一系列1像素宽的条形来构建它，这样每个像素就等于游戏中的一条线？
我提供了代码，但我试图修改标准的堆叠条形图，我真正能做的就是让整个东西变成空白，或者修改画布尺寸。因此，我非常感谢一些建议，让我开始。
浏览 4提问于2016-04-07得票数 2
我有两个系列，最大值和平均值，每个序列包含一个月内所有天数的值。在我们的桌面软件中，我们常常在条形图中显示这些数据，其中平均序列被叠加在最大的序列上。由于平均不可能大于最大值，所以隐藏条没有问题。
在NVD3中，我只找到了分组或堆叠条形图的选项。分组占用了太多的空间。在另一边堆叠会显示上栏的错误值。只有当两个条从底部轴开始时，才能从y轴读取它们的实际值。
这可以在NVD3中以任何方式实现吗？
如果不是直接在NVD3中，可以通过访问底层d3对象来实现吗？
浏览 1提问于2018-05-29得票数 0
回答已采纳
1回答
我正在尝试使用Dimple.js和D3基于两个非数字变量创建堆叠条形图。数据集包含大约50,000个点，每个点以两种方式分类(扇区和通道)。理想情况下，x轴是一系列类别(通道)，而y轴表示这些相同类别的计数。我希望堆叠条形图的基础上，第二个系列的类别(部门)。
下面的代码完成了堆叠工作，但如图所示，它不是显示所有通道的聚合计数，而是仅指示某个特定扇区中存在一个通道。
var myChart = new dimple.chart(svg, data);
var x = myChart.addCategoryAxis("x", "channel");
浏览 1提问于2015-07-31得票数 1
1回答
假设我有这样的数据：
<code>A0</code>
如何使用ggplot2制作堆叠条形图？我希望<code>D1</code>在x轴上，每个<code>D2</code>在y轴上的百分比。因此，对于<code>D3</code>，它将是<code>D4</code> be .4、<code>D5</code> be .2、<code>D6</code> be .2和<code>D7</code> be
浏览 8提问于2019-08-22得票数 0
回答已采纳
1回答
我正在d3.js中创建一个堆叠的条形图，而且我遇到了一些问题。我的图表如下(在D3.js中创建)：
但是它应该如下所示(用Observable.Plot创建)：
如何将代码更改为：
在正确的locationchange中显示X轴上的条形图，每条的高度为accuratechange，每个条形图的颜色准确地显示正确的数据，因为宽度是动态的(数据范围可以从外部更改到这个函数)，所以可以放什么作为每个条形的“宽度”？
如果我的数据结构不正确，请告诉我。我不确定它是否被d3堆栈()正确地堆叠；
初始数据：(为简单起见，不必要的数据点被屏蔽)
这是堆叠后的相同数据：
浏览 1提问于2022-10-11得票数 0
1回答
我已经找到了一个恰好适合我们的数据需要的图表，但它只是一个图像，它看起来像一个堆叠的条形图，但它的工作方式不同。
底部的每个刻度表示一个组，例如小时数，当你悬停时，你会看到来自组的所有数据。
有没有人知道它叫什么，更好的是，知道d3或类似的java脚本库中的图表来源吗？
浏览 7提问于2016-08-11得票数 0
1回答
关于如何制作具有多层的堆叠条形图，有什么建议吗？
类似于在下面滑动的浮动div。但是我知道svg没有浮动的概念，所以基于svg的宽度有更严格的概念。
我刚刚读完了“交互式数据可视化”这本书，这本书很棒，但我认为我触及了一个高级主题，到目前为止，我还没有读过d3文档。
浏览 0提问于2013-11-20得票数 0
我试图用D3 v4将这些数据可视化在一个堆叠的条形图中：
var data = [
{'id': '10', 'status': 'on', 'variant': 'A', 'value': '200'},
{'id': '10', 'status': 'on', 'variant': 'B', 'value': '500'},
浏览 4提问于2017-06-07得票数 0
回答已采纳
1回答
我有两个问题。
我想将数据标签添加到堆叠的条形图中。
我试图更改这个示例的代码，但是我无法添加数据标签。
如果添加标签，我需要防止重叠。我希望我能像John在他的博客中为饼图或d3扩展D3-Labeler 这样做。
我发现了这个jsfiddle 代码，我非常感谢您也可以将答案放在jsfiddle中，或者在我刚刚开始使用d3-图表时详细解释您的代码。
浏览 2提问于2016-02-04得票数 0
1回答
我正在尝试创建堆叠的条形图，这样当你点击它们时，它会给你更详细的关于堆栈的信息。
假设每一节代表一门学科，而每一节代表学生掌握了六种不同层次的学科:例如1级到6级；1级-学生的表现很差，6级表示学生已经掌握了这门学科。
假设最初堆叠的条形如下所示：
如果你选择一个主题，让我们说实体几何学。
然后我点击其中一个酒吧：
如上所示，有4名学生在这门学科上苦苦挣扎，4名学生需要这门学科的实践。等等..。
然后堆叠的条形图会以这种方式展开，给我更多关于什么的信息。
我们如何在D3中做到这一点？
任何帮助都很感激。
浏览 2提问于2015-12-22得票数 3
回答已采纳
我正在使用d3来绘制这里看到的堆叠条形图- 。这是很好的，没有错误。
虽然使用相同的源，只是使用不同的数据集，但我得到了以下错误
Error: Invalid value for <rect> attribute y="NaN"
Error: Invalid value for <rect> attribute height="NaN"
在这里看到的-- 。
我希望这些错误被修正--因为我相信它们会导致5:00的数据破坏图表。我不知道为什么会发生这种情况，因为第一张图似乎很好用。
谢谢你的帮忙!
浏览 4提问于2014-04-10得票数 1
回答已采纳
我有一个真实的数据集( - 2009)，我试图从中提取信息，它有大约2500个项目，作为一个样本-
我正在使用d3创建一个堆叠的条形图，它显示x轴上的类别--“轻微、严重、致命”，以及y轴上每个类别的事故频率。实际的酒吧本身将分为男女事故的数量。
目前，我正试图找出如何最好地从csv中提取信息。看了几个不同的d3叠加图的例子后，数据似乎是这样排列的(例如来自- ) -
var data=[
{month:'Jan', A:20, B: 5, C: 10},
{month:'Feb', A:25, B: 10, C: 20}
浏览 1提问于2017-04-27得票数 0
回答已采纳
1回答
我正在使用d3 v4.4.4在react.js v15.3.0中构建一个堆叠条形图。下面是我用来构建堆叠条形图的数据：
[
{ timestamp: "2006", source1: "20", source2: "20", source3: "20", source4: '20'},
{ timestamp: "2007", source1: "70", source2: "50", source3: "10", source4: &
浏览 7提问于2017-02-02得票数 1
回答已采纳
我这里有个堆栈闪电战-
我正在使用D3创建一个角度的堆叠条形图
我现在也需要在相同的图表上有一个线图。
我认为最好的方法是用双轴。
我有第二轴工作，但不能使这条线工作。
有人能给我指点方向吗？
浏览 0提问于2018-08-14得票数 0
回答已采纳
我引用了堆叠条形图的这个d3示例，并尝试在中实现
我想把这个例子添加到jsfiddle中，我已经添加了5个外部源单独与源csv文件，但我没有得到输出。
这是我的
有没有人能帮上忙，我需要在这里添加什么。
浏览 1提问于2013-05-14得票数 4
回答已采纳
1回答
我面临一个问题，要用图表来可视化一些数据。我的数据是三维的
市场(MP)
项目
每日销售
我想画一张图表，告诉我每件商品在每个市场的销售频率。如果我在表中绘制数据，如下所示
MP | Item | Date | Units Sold
X | a |20-Mar | 3
X | b |20-Mar | 2
Y | c |20-Mar | 4
Y | a |20-Mar | 2
Z | e |20-Mar | 6
X | a |21-Mar |
浏览 7提问于2014-04-03得票数 0
回答已采纳
我正在尝试使用Adobe动画和d3.js创建一个条形图。
对于不同的浏览器如何显示轴，我遇到了一些困难。下面是指向只包含轴和不包含数据的d3图表的链接(代码在d3中)
Mozilla Firefox和Opera:一切正常
Chrome和Safari:滴答在左边堆叠在一起
我认为这与d3.scale.range(值)不能正常工作有关--尽管它确实设置了图表的范围(当我更改范围并运行我的图表更改的代码时)，滴答是相互叠加在一起的。Chrome不会返回任何错误。我有什么办法解决这个问题吗？
浏览 1提问于2013-12-15得票数 1
回答已采纳
我在创建堆叠条形图方面有问题。
我做了下面的示例，它很好，
但是现在我有了其他的数据格式：(这是我的数据的简短例子)
var data = [
{
"PERIOD": 2014001,
"SUBMITTER": "oanikit2",
"distr_count": 16
},
{
"PERIOD": 2014001,
"SUBMITTER": "nvlodavs",
"distr_count": 21
}
浏览 2提问于2016-08-02得票数 0
1回答
我这里有个助手--
我有一个简单的堆叠条形图和一个图例
我正在尝试使用图例来过滤条形图。
当我单击图例中的彩色块时，我想从图表中删除该条形图。
我有一些基本数据，我正在使用D3的堆栈来创建密钥，并从数组“stackedSeries”中传入密钥。
我使用相同的‘键’来创建图例，并为每个块添加一个类，即键的名称
单击该块时，我希望捕获键名并将其从键数组中删除，然后再次运行堆栈函数并重新绘制图表。
这不起作用，我不知道如何更改键数组并重新运行堆栈
我还没想过把酒吧要回来。
stack = d3.stack()
.keys(getKeys());
function getKeys() {
浏览 4提问于2018-01-24得票数 1
回答已采纳
1回答
我已经使用c3库制作了一个堆叠条形图，并希望(使用c3或d3)为每一列添加图标。我看了他们的文档，但似乎没有任何相关的功能！
var chart = c3.generate({
data: {
columns: [
['data1', 30, 200, 100],
['data2', 130, 100, 140]
],
type: 'bar',
groups: [['data1', 'data2'
浏览 10提问于2018-08-27得票数 1
回答已采纳
1回答
我正在尝试用Dimple.JS和D3创建一个堆叠的条形图。但是，我希望在这个特定的可视化中使用的JSON文件涉及嵌套的JSON对象(如下所示)。我想要创建的堆叠条形图的x轴是通道类别，y轴是不同位置的总计数(每个位置都是一个“堆栈”)。以下是原始数据：
[{
"channel": "politics",
"locations":
[{
"name":"usa",
"count" : 1454
},
{
浏览 1提问于2015-08-20得票数 0
1回答
我已经创建了一个堆叠和分组条形图与React + d3。第一次加载时，您可以单击任何图例，它将切换图形。但是，一旦您悬停并显示图形和工具提示，则工具提示与图例重叠，您不能再单击图例来切换。所附图像显示了它如何重叠。
完整的代码演示是，请有人帮忙吗？
浏览 1提问于2020-09-07得票数 0
回答已采纳
我有两个版本的水平条形图，堆叠和配对(也就是分组)。每个函数的代码都被填充到自己的函数中。
请参阅第35-43行(var stacked = function (){ ... })和第117-121行(var paired = function (){ ... })，以了解CSV当前是如何解析的：。
取消注释第197行及更低的部分，以查看呈现的堆叠版本。要做到这一点，我手动更改了数据，并不理想。
目标:我希望解析csv文件并以编程方式删除列，而不是手动删除它并保存两个单独的csv文件。
我需要解析csv并使用本机d3或javascript代码删除它，但是如何删除？
用代码显示。
我有：
Cat
浏览 2提问于2014-02-12得票数 0
回答已采纳
1回答
D3.js初学者在这里。我在D3中有一个水平堆叠条形图，每个条形图中只有一个值(因此，每个条形图被分成两个值)。 如下所示： val1 --------@@@@@@@@
val2 ----@@@@@@@@@@@@
val3 -----------@@@@@ 通常，D3只支持每个栏的标题，如上所述。我正在寻找的是，而不是标题，在酒吧的两端写一个标签。如下所示： val1 --------@@@@@@@@ valA
val2 ----@@@@@@@@@@@@ valB
val3 -----------@@@@@ valC 这可能是通过直接在每个条形的开始处写入文本来实现的，但是如果一个条形为0%
浏览 18提问于2021-11-22得票数 0
回答已采纳
我正在使用d3制作堆叠条形图。
数据是一个数组，每个条形图都有一个对象(例如“likes”)。然后，每个对象包含一个值数组，这些值驱动每个条形的各个矩形：
data = [{
key = 'likes', values = [
{key = 'blue-frog', value = 1},
{key = 'goodbye', value = 2}
]
}, {
key = 'dislikes, values =
浏览 4提问于2012-12-02得票数 5
回答已采纳
1回答
我目前正在做一个堆叠的条形图，只使用svg，html和css，没有第三方库用于此。 请参阅此codepen https://codepen.io/a166617/pen/qBXvzQd 根据堆叠条形图，数据可以正确显示，但不会显示每个条形图的计数。 用于此堆叠条形图的数据如下 const data = [
{
name: 'Transit',
passed: 2,
skipped: 5,
failed: 22,
untested: 0
},
{
name: 'Access&
浏览 59提问于2021-11-22得票数 0
回答已采纳
我在Angular JS中使用了一个指令来使用chart.js。Git链接：
我对使用堆叠条形图很感兴趣。如何在条形图上添加数据标签以显示堆叠条形图中的每个条形值？
浏览 17提问于2016-08-14得票数 0
2回答
D3条形图到堆叠条形图
、、、、
嗨，我是D3的新手，我正在尝试把一个普通的条形图转换成一个堆叠的条形图。
这是我的密码
var data = [4, 8, 15, 16, 23, 42, 200];
var height = 200;
var width = 200;
var barWidth = 35;
var barOffset = 5;
var myChart = d3.select(".chart").append('svg')
.attr('width', width)
.attr('height', height)
.style("bac
浏览 5提问于2016-06-13得票数 2
回答已采纳
1回答
当我试图使用D3v4实现一个规范化的堆叠条形图时，我遇到了一个问题。
这个问题的出现是因为我的数据格式包含在服务器端动态填充的嵌套对象数组。
var data = [{x:"data1", y:[{name:"red", value:10}, {name:"green", value:20}]},
{x:"data2", y:[{name:"red", value:30}, {name:"green", value:5}]}];
对此调用d3.stack()将无法工作，因为d
浏览 2提问于2017-02-04得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
