我正在d3.js中构建一个条形图，其中包含一个有序的x轴，其刻度应该用文本标记图表。任何人都可以解释序数刻度如何将x刻度“映射”到相应的条形位置吗？具体来说，如果我想将带有文本值数组的x刻度标签指定给条形图中的相应条形。目前我将域设置如下:varlabels=["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t"];varxScale=d3.scale.ordinal().domain(labels)但是，1-19的值显示在文本标签之后。如本fiddle所示:http://jsfi
我正在使用dygraphs绘制每周数据图表包裹。dygraphs自动选择每周默认轴。但是，我希望有一种方法可以让默认轴(星期日)与我的数据(星期一)对齐。#Requiredpackageslibrary("magrittr")library("dygraphs")library("xts")#Datadaily%dyRangeSelector()%>%dyOptions(useDataTimezone=TRUE) 最佳答案 您可以尝试使用自定义ticker函数，该函数从数据的第一天开始，每7天打一次勾。这是一个受dygraph-ti
我想使用D3创建一个如下所示的X轴:我已经弄清楚如何使用以下方法制作轴和刻度，但不是标签:varsvgWidth=500;varsvgHeight=500;varsvgAxisPadding=20;varxScale=d3.scale.log().domain([Math.pow(10,5),Math.pow(10,7)]).range([svgAxisPadding,svgWidth-svgAxisPadding]);varxAxis=d3.svg.axis().scale(xScale).orient('bottom').ticks(0,"e");varsvg=d3.select(
我正在d3.js中创建一个svgx-y-图表。是否可以根据tickValue创建不同长度的刻度？我已经制作了自己的tickFormat函数myTickFormat并在.tickFormat([format])中使用它并且工作正常因为[format]应该是一个函数。但是不可能用.innerTickSize([size])做同样的事情，它需要一个数字。例如如果我想让值70的刻度线更长，我想做这样的事情:varmyTickSize=function(d){if(d===70){return20;}return6;};但是当我使用myTickSize作为.innerTickSize()的参数时
我正在尝试根据http://mbostock.github.com/d3/talk/20111116/bar-hierarchy.html制作图表，唯一的区别是我想对x轴使用对数刻度。这是我的fiddle:http://jsfiddle.net/JhDVC/5/如您所见，x轴在第4行定义:x=d3.scale.linear().range([0,w]),如果我改变它x=d3.scale.log().range([0,w]),然后它不起作用(没有呈现任何内容)，抛出这些错误消息:Error:Invalidvalueforattributewidth="NaN"更改域设置从x.domain
这是一个JSFiddle:http://jsfiddle.net/8p2yc/(此处稍作修改的示例:http://bl.ocks.org/mbostock/3883245)正如您在JSFiddle中看到的，沿y轴的刻度标签不适合svg。我知道我可以增加左边距，但问题是我事先不知道数据是什么。如果我只是将页边距设置得非常大，如果数字的长度很短，图表就会显得很尴尬。有没有办法在创建图表时预先计算最大标签宽度以正确设置边距？或者也许有一个完全不同的解决方案？varmargin={top:20,right:20,bottom:30,left:50},width=400-margin.left-
我在d3.js线图中只有5个值[1,2,3,4,5]作为我的y坐标。但是，我最终得到更多的值[0.5,1,1.5,2,2.5,3,3.5,4,4.5,5]有没有办法编辑d3.js文件或html文件以便将值绘制为按照我的要求？ 最佳答案 d3轴创建的刻度线可以通过两种方式控制:使用axis.tickValues(arrayOfValues)您可以明确设置要在轴上显示的值。通过将每个值传递给关联的比例来定位刻度，因此这些值应该在您的比例范围内。这适用于任何类型的量表，包括序数量表，只要您提供的值适合该量表。或者，使用axis.ticks
我试图在文档中查找(我在其他地方找到的所有示例都不再有效，可能是由于早期版本的语法过时)如何使用“scaleLabel”，但它引用了比例标题配置一个不存在的链接(不再):http://www.chartjs.org/docs/#scale-title-configuration有人可以提供一个工作示例吗？ 最佳答案 如果您在文档中向下滚动，则比例标题配置是一个标题。这是一个简单的条形图示例，使用经过轻微修改的scaleLabel来说明百分比。https://jsfiddle.net/r71no58a/4/scales:{yAxes:
我之前问过一个关于d3的问题，他们建议我使用序数尺度，这会解决我的问题。它确实解决了我的问题，但我知道我遇到了另一个问题......它画得很好，但我的X轴上全是文字。例如，我想要:1900190419081912...但我得到了:190119021903190419051906。如您所见，这还不清楚。(这只是一个例子，如果只有日期我可以使用另一个尺度)。我看到的每个地方都在谈论axis.ticks(number)。但这不起作用。没有任何反应，我仍然得到相同的结果。我破解了一个结果以在x轴上获得更少的结果:varstr=[];vari=0;while(i但如果我这样做，它会创建一条随机线
是否可以在plotly.js中为刻度标签留出更多空间？？我图表中的长标签被chop了。HTML:JavaScript:vardata=[{type:'bar',x:[20,14,23],y:['giraffes','orangutans','alooooooooongstring'],orientation:'h'}];varlayout={title:'BarChart'};Plotly.newPlot('plot',data,layout);我在APIfory-axesticksettings中看不到如何执行此操作.鉴于我的图表的性质，我需要使用水平方向。因此，我无法使用的解决方案
