SVG 中线图的双 x 轴
我已经开始研究 D3.js 和 Dimple.js.我们的要求是创建一个具有双 x 轴的折线图.对此需求进行基础研究后，我发现 D3.js 或 Dimple.js 支持双 y 轴但不支持双 x 轴. 我的第一个问题是“D3.js 或 Dimple.js 是否支持像盒模型那样的双 x 轴?". 解决方案 D3 已经支持双 x 轴.您可以根据需要多次调用 d3.svg.axis() 来创
..
dimple.js相关内容
条形图上的酒窝js直线y轴
我正在尝试在凹痕 js 条形图上绘制平均值、高值和低值直线.我不知道如何在 y 轴(成本)上将它们绘制为穿过条形的直线.这是将高、低和平均值保存到需要在图表上绘制的相应变量中的小提琴.有什么解决办法吗?jsfiddle 链接:http://jsfiddle.net/Ra2xS/14/ var dim = {"width":590,"height":450};//图表容器宽度var data =
..
在 Shiny 中控制多个凹坑图的布局
我一直在按照此处的示例研究交互式人口金字塔交互式人口金字塔 .具体来说，我修改了用于人口金字塔的 Dimple.js 实现的代码.在 RStudio 内一切正常，但最终产品最好作为 Shiny 应用程序使用.部署到 Shiny 应用程序时，它运行良好，但我无法控制图表的大小及其位置.我打算在同一页面上有 4 个图表，理想的布局是 4 个象限(2 行和 2 列)，每个象限都有自己的可视化.目前我没有
..
如何减少dimple.js中的Y轴刻度数?
例如，在dimple.js中，有一种方法可以将y轴刻度线的数量减少一半，以便仅显示所有其他y刻度线，而不是所有的y刻度线. 解决方案 使用d3绘制后可以对其进行修改.这是一种方法，该方法将删除每第n个留下的标签: //传递轴对象和间隔.var cleanAxis =函数(轴，oneInEvery){//应该在绘制后调用此函数，否则不执行任何操作如果(axis.shapes.length>
..
Dimple JS添加垂直线
我正在尝试在Dimple中画一条垂直线.我看过这篇文章:如何用酒窝绘制垂直线?/a> 但是，这里提供的示例对我不起作用.它只是在一个点上代替了我想要画一条线.我在文档中，StackOverflow上或通过Googling都找不到任何东西，我认为这应该很容易-但是到目前为止，事实证明并非如此.任何帮助将不胜感激. 提琴: http://jsfiddle.net/4w6gkq5s/27/
..
防止酒窝重命名重绘列
我按以下说明重命名了列名:问题在于，列名在重绘时会变回默认值. 我使用参数noDataChange = true在页面调整大小上重绘，如以下示例所示: http://dimplejs. org/advanced_examples_viewer.html?id = advanced_sensitive_sizing 关于如何防止将列名称恢复为默认值的任何想法? 编辑: 到目前为止，
..
如何在d3.js/dimple.js中使轴刻度线可点击
我是d3js的新手.我想知道如何使轴刻度标签变为可单击，以便单击标签可以加载新图表(是的，我需要获取轴值，即本例中的月份名称) 下面是代码. X轴是月份，单击一个月后，我需要加载该月的图表，这是另一个HTML页面. d3.csv("data/data_1.CSV", function (data) { var myChart = new dimple.chart(svg, d
..
酒窝时间格式杂耍
我对酒窝处理日期的方式感到非常困惑(或者也许只是D3). 我的问题可以分为两个问题: 我的日期以%Y-%m-%d %H:%M:%S格式显示在我的csv文件中.为了将它们转换为日期对象，我目前使用与“香草" d3中相同的循环. data.forEach(function (d) { var format = d3.time.format("%Y-%m-%d %H:%M:%S"
..
在条形图上添加条件格式时出现TypeError/Undefined
我正在尝试将条件格式添加到我的简单条形图中.它正在部分工作，直到我尝试将鼠标悬停在其中一个栏上，然后出现以下错误: TypeError: c[(this.position + "Field")] is undefined data.csv的内容: date,est_sleep,bool_field 2017-11-01,7.5,0 2017-10-31,8,0 2017-10-3
..
在Dimple.JS中创建不完整的饼图
我有一个饼图，它需要缺少10％的缺失切片.我有以下代码，但派总是100％. var myChart = new dimple.chart(svg, data); myChart.setBounds(50, 50, 180, 180); myChart.defaultColors = chartOptions.colors; my
..
R：交互式图（工具提示）：rCharts浅凹图：格式化轴
我有一些用 ggplot2 创建的图表，我想将其嵌入到Web应用程序中：我想用工具提示来增强图表。我研究了几个选项。我目前正在试验 rCharts 库以及其他一些凹坑图。 以下是原始ggplot： 这是第一次尝试将其转换为一个凹坑情节： 我有几个问题：在用百分比格式化y轴后，数据会发生变化。 在格式化x轴以正确呈现日期之后，打印的标签太多。 我没有与凹坑图表绑定，所以
..
自动设置d3 / dimple数据可视化的尺寸以便清晰
我正在尝试创建一个条形图，以显示数据科学jerbs的数量在德意志联邦共和国 - 现在它看起来像这样： 它到达那里，但它不清晰，这是一个问题。 我想让它以这样一种方式呈现，它将以可理解的方式显示数据，无论输入文件的大小，即它应该是动态。 我知道 data.length 是行数，但是“rows”输入csv中的行数？ 我推荐使用 chart.setBounds （100，100，
..
Dimple.js - 向条形图的每个条添加数据标签
我使用dimple.js，它基于d3.js。是否可以向此示例中提到的条形图的每个条添加数据标签 http：// dimplejs .org / examples_viewer.html？id = bars_vertical
..
有一个工作的实现，适合多个d3图表，如线，条，等在一个页面上？
我想在单一jsp网页上套用多个图表。 我有一个线条和条形图的组合。我使用dimple API d3.js。 请咨询。 Bootstrap似乎不适用于此。 解决方案 很多。这是一个好的（不是我的工作）： http://www.logeeka.com/bi/dimple_charts.html 这使用了多个SVG元素，我猜是你想要的，肯定的方式去与bootstrap。如果你
..
在dimple.js中的动态图表中清除轴
我使用的干净轴的功能由@JohnKiernander提供。这适用于静态图表。但是当我有一个更新的图表（在这个例子中，当点击一个按钮），干净的轴功能不能按预期工作。该功能也会删除轴的其他数字。有没有办法使此功能与动态图表一起使用？ 请参阅fiddle： http://jsfiddle.net/jdash99/oba54L1a/ 以获得更好的解释。 //清除轴引用的函数 //传递轴对象
..
dimple.js如何在不更改数据的情况下更改图表轴的标签？
假设我们有示例的条形图 http://dimplejs.org/examples_viewer.html ？id = bars_vertical ，并且我想将x轴标签从“Months”更改为“Meses”。 若要这样做，只需指定标题属性： var chart = new dimple.chart（svg，data）; var x = chart.addCategoryAxis（“
..
多系列在dimplejs
我在dimplejs中修改了多系列图表，并且遇到了多轴逻辑。 使用以下数据： var data = [ {“Month”：“01/2013”，“Revenue”：2000，“Profit”：2000，“Units”：4}， {“Month”：“02/2013” ：3201，“Profit”：2000，“Units”：3}， {“Month”：“03/2013”，“Rev
..
D3 Dimple - 如何在同一页面上显示多个波形图？
我正在制作一个html页面，其中包含几个我将使用的图表示例。在页面上我有一个Dimple折线图，一个饼图，一个wordcloud等。当我尝试添加第二个凹坑图 - 这一次的条形图，我已经在页面上的第一个凹坑线图是绘制在顶部的条形图： 我的HTML文件如下所示：
..
用于SVG中线图的双x轴
我已经开始处理D3.js和Dimple.js。我们的要求是创建一个具有双x轴的线图。对这个要求的基本研究，我发现D3.js或Dimple.js支持双y轴，但不支持双x轴。 我的第一个问题是“D3.js或Dimple.js是否支持双x轴像框模型？”。 解决方案 D3支持双x轴。你可以调用d3.svg.axis（）多次，你想创建任意多的轴线，你想要的。您需要通过transform =“t
..
如何在dimple.js中旋转x轴文本？
这是我的 dimple 条形图（由d3强力驱动）： var sidechart = new dimple.chart（chart_svg，data）; sidechart.setBounds（60，30，200，300） var x = sidechart.addCategoryAxis（“x”，“Long name”）; sidechart.addMeasureAxis（“y”
..