草庐IT

javascript - d3.js - 以缩写形式在轴上显示大数字

有没有办法在d3.js轴上缩写大数字?我记得在网上看到一个辅助方法,但找不到了。我想缩写大数字以减少图表边距并使其更易于阅读。即1,000,000=1M等如果有人可以发布指向d3.js帮助器类的链接,我们将不胜感激。 最佳答案 查看此链接https://bl.ocks.org/mbostock/9764126这对我适用于d3v4:functionmake_y_gridlines(){returnd3.axisLeft(yScale).ticks(10,"s")} 关于javascript

javascript - 使用 C3 在 x 轴上使用单独的列制作简单的条形图

我正在尝试使用C3和D3创建条形图,但我无法让列彼此无关,除了它们在Y轴上使用相同的刻度这一事实。为了更好地解释,我添加了图片。varchart=c3.generate({bindto:'#designerChart',data:{columns:[['MA',6],['ME',8],['NY',6],['CN',5],['TX',2]],type:'bar',},axis:{y:{max:10,min:0,padding:{top:0,bottom:0}}}});结果是一组条形图,当我将鼠标悬停在它们上方时,我得到了所有条形图的详细信息-这不是我想要的。我可以更改数据,以便它显示单独

javascript - Am Charts Javascript 版本,未在类别轴上显示完整的标签数

各位我正在使用AmCharts生成图形,但是当div的大小不够大时,它会有点折叠类别轴中的标签。例如,在类别轴中假设显示123456,而不是在轴中显示135。我想知道即使当div太小或可以为这个问题提供任何解决方案时,我如何关闭它或启用完整的标签列表显示?======更新============为了方便阅读和研究,我将显示图表的链接放在实时here中。在这里你可以看到,由于空间的限制,国家名称没有在每一列中完整显示。再次,问题是如何禁用它,或者以某种方式启用它以适合它们的方式显示所有列名或缩小文本。谢谢! 最佳答案 category

javascript - 如何在图表中的 X 轴上绘制日期范围?

我正在使用Flot图表显示特定时期的数据(由用户选择,例如过去30天、过去7天、从2013年1月1日到2013年3月3日等)所以我想显示一个以x轴为日期的折线图。例如如果我有两天的开始日期和结束日期,我该如何使X轴显示如下:2013年1月1日|2013年1月2日.....................2013年3月3日我的代码如下:数据(目前是静态的)。varmydata=[[1,2.4],[2,3.4],[3,4.5],[4,5],[5,5],[6,5],[7,2],[8,1],[9,1.5],[10,2.5],[11,3.5],[12,4],[13,4],[14,2.4],[15

javascript - d3.js nvd3 x 轴上的日期 : only some dates are show

我在xAxis上显示日期时遇到一个奇怪的问题。我正在生成这样的数据:for(i=0;i在我的折线图中,我想像这样创建x轴:chart.xAxis.tickSize(12).tickFormat(function(d){vardate=newDate(d);testarr.push(date);returnd3.time.format('%b%y')(date);});现在,如果我查看图表,只能看到几个日期。这就是我为调试问题创建数组“testarr”的原因。testarr的内容是8个日期而不是12个(我生成了12个)现在更奇怪的是:将完全相同的数据放入MultiBarChart并使用完

javascript - D3 非连续日期域在 X 轴上产生间隙

我想绘制一些不连续的时间序列数据(周末、节假日等的日期间隔)。这是每日数据。数据看起来像这样:date,value1/2/15,109.331/5/15,106.251/6/15,106.261/7/15,107.751/8/15,111.891/9/15,112.011/12/15,109.251/13/15,110.22...所以我定义了我的x和y比例:varx=d3.time.scale().range([0,width]);vary=d3.scale.linear().range([height,0]);并根据我的源数据设置域:x.domain(d3.extent(data,f

c# - 如何绘制 Y 轴上的多个列? (MS 图表控件)

试着按照这个例子:http://weblogs.asp.net/dwahlin/archive/2008/11/25/getting-started-with-the-asp-net-3-5-chart-control.aspx我有一个包含4列的数据库,其中3列是int(1-10),另一列是“DateTime”。我试图在一张折线图上绘制3列与日期时间(X轴)的关系图。要添加多个y轴值,我转到Series属性->YValueMembers(注意复数形式)并在Y轴上输入我想要的数据库的3列(后跟逗号)......但似乎不起作用。我收到一个运行时错误,说Y轴上只允许1列。Datapoints

c# - x 轴上带有多级标签的图表

我正在创建一个VSTO加载项,除其他外,它应该为某些年度数据创建折线图。此数据包含每周的数据点。我希望横轴按月分组,如下所示:但是,我在VSTO文档中找不到任何关于这是否可能的信息。据我所知Series仅采用X轴的一维值数组。有没有人有这方面的经验? 最佳答案 在Microsoft论坛的帮助下,我想出了一个解决方案(MSDNThread)。对于任何想知道如何做到这一点的人,这就是我最终得到的:Chartchart=slide.Shapes.AddChart(XlChartType.xlLine).Chart;Excel.Workbo

javascript - 轴上的自定义刻度大小(d3js)

我正在d3.js中创建一个svgx-y-图表。是否可以根据tickValue创建不同长度的刻度?我已经制作了自己的tickFormat函数myTickFormat并在.tickFormat([format])中使用它并且工作正常因为[format]应该是一个函数。但是不可能用.innerTickSize([size])做同样的事情,它需要一个数字。例如如果我想让值70的刻度线更长,我想做这样的事情:varmyTickSize=function(d){if(d===70){return20;}return6;};但是当我使用myTickSize作为.innerTickSize()的参数时

javascript - 将 y 轴上的数字转换为带有 K 的字符串,表示 thousand d3.js

我正在使用d3.js图表绘制y轴和x轴。它工作正常,但你可以说y轴上的值范围是0到10000,我想如果数字大于千,它会随K一起出现。如果数字是1000,它将显示1K,对于15000,它将在y轴上显示刻度15K。该怎么做?我无法为字符串值操纵y.domain和范围函数。vary=d3.scale.linear().range([height,0]);y.domain([0,d3.max(cities,function(c){returnd3.max(c.values,function(v){returnv.count;});})]); 最佳答案