jjzjj

javascript - 隐藏 y 轴 dc.js 条形图上的所有文本

我正在创建一个基于DC.JS的仪表板,但想弄清楚如何隐藏条形图y轴上的所有文本以及如何设置x轴上文本的样式。谢谢 最佳答案 您应该将刻度减少到零:yourChart.yAxis().ticks(0);请注意,这不会返回对图表的引用,因此您不能链接此方法。您必须将其放在单独的行中。像这样:varyourChart=dc.barChart('#your-chart').width(1024).height(50);yourChart.yAxis().ticks(0); 关于javascrip

javascript - NVD3 强制条形图中条形的特定宽度

我正在尝试在nvd3离散条形图上设置特定的宽度值。我可以在初始渲染后更改矩形元素,但似乎有某种方法可以在图表设置中指定条形宽度。这是我当前的图表设置。nv.addGraph->chart=nv.models.discreteBarChart().x(d)->returnd.label.y(d)->returnd.value.staggerLabels(false).showValues(false).color(['#56bd78']).tooltips(false).margin({top:0,right:0,bottom:30,left:0})chart.tooltipConten

javascript - Chart.js 条形图溢出其包含元素

Chart.js当padding已应用于容器时,我无法让这个愚蠢的图表留在其容器中。responsive选项是否设置为true并不重要。我将box-sizing设置为什么也无关紧要。如果不适合它的容器,responsive选项的目的是什么? 最佳答案 与大多数CSS一样,答案是使用另一个包装器!我遇到了同样的问题(而且我正在使用框大小调整)只需在Canvas周围放置一个div!(div将继承框大小)祝你好运:) 关于javascript-Chart.js条形图溢出其包含元素,我们在Sta

javascript - 如何更改离散条形图中整数的小数值

我正在使用离散条形图(NVD3库)在我的站点中显示图表。虽然显示图形一切都很好,但我的问题是如何将小数值更改为整数。y轴中显示的值显示整数值。尽管我使用哪个数组来显示具有整数值的值。我使用的js代码如下nv.addGraph(function(){varchart=nv.models.discreteBarChart().x(function(d){returnd.label}).y(function(d){returnd.value}).staggerLabels(true).tooltips(false).showValues(true).transitionDuration(25

javascript - ExtJs/YUI 图表中图表的颜色可以动态改变吗?

我在我的应用程序中使用ExtJs/YUI图表。我想知道的是,是否可以根据数据动态更改任何图表上的颜色?即我有一个商店,其中包含一个字段,其中包含该特定行的十六进制颜色。是否可以使用十六进制值动态设置条形图中条形的颜色? 最佳答案 看看这个blogpost.配置图表对象时,传递一个带有样式属性的系列对象,如该帖子中所述,以定义颜色及其顺序。然后您只需要通过遍历您的商店记录并构建一个新数组,或者使用store.query从您的商店中提取它来获取您的颜色。然后将此数组作为属性传递。(...),series:[style:{colors:a

javascript - 在 x 轴上带有范围选择器的 d3 条形图(如 dygraphs)

是否可以在d3中生成条形图并使用类似工具或功能,如dygraphs(this)中的工具或功能用于范围选择器?我想在x轴上放大和缩小时间。谢谢! 最佳答案 是的,您可以使用d3.brush来创建此功能。这是d3的创建者关于如何使用它的示例-这正是您想要的(可缩放条形图):http://bl.ocks.org/mbostock/1667367 关于javascript-在x轴上带有范围选择器的d3条形图(如dygraphs),我们在StackOverflow上找到一个类似的问题:

javascript - 具有 100% 不透明度颜色的 angular-chart.js 条形图

2017年6月2日更新:我们解决了问题,但不是根据此处的答案。如果我找到了,我会尝试添加我们现有的解决方案。我们还切换到使用d3的angular-nvd3。编辑1:在选项中添加了backgroundColor,仍然不起作用。不确定我是否将其放在正确的位置。使用示例here.如何让颜色填充100%?JS:$scope.labels=['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];$scope.type='StackedBar';$scope.series=['2015','2016'];//

javascript - ExtJS - 堆积条形图条件着色

EXTJS4-我正在尝试为StackedBarChart中的“系列”自定义渲染器函数。我想有条件地为条形图着色。renderer:function(sprite,record,curAttr,index,store){returnExt.apply(curAttr,{fill:color});returncurAttr;},我的问题是,如何找出它当前呈现的是哪个元素。我想为我的数据存储/系列中每条记录的第一个元素赋予白色。谢谢。 最佳答案 我找到了一种方法来准确检测当前正在渲染的元素。首先,您需要以下覆盖,它解决了rendererp

javascript - plotly.js - 如何修复条形图中条形之间的空间

是否有任何配置布局选项来增加plotly.js中条形图中条形之间的空间?我尝试增加图的宽度,但它正在扩展整个图。我需要固定条的宽度和条之间的间距。任何帮助都会非常有帮助。 最佳答案 是layout的设置改变gap的layout对象的键值对是bargap。例如给定数组x和y:Plotly.newPlot('myDiv',[{x:x,y:y,type:'bar'}],{title:'title',xaxis:{title:'abscissa'},yaxis:{title:'ordinate'},bargap:0});将生成像直方图一样没

javascript - 使用条形码阅读器防止在 Chrome 中打开下载窗口

我的网站(MVC3、C#)和条形码阅读器有这个问题。在我的表格中,我有这样的东西:并且输入由条形码阅读器填充,并自动提交使用ajax的表单,用id=list填充div。我的问题是,对于chrome和ie,提交文本后,chrome中会出现下载窗口,ie中会出现收藏夹窗口。我想那是因为条形码阅读器在文本中插入了[CR][LF]并打开了那些窗口。我认为条形码阅读器在某个时刻插入了一个ctrl-j,因为该组合打开了chrome中的下载窗口和ie中的收藏夹,但是对于firefox,下载窗口没有打开(并且也是ctrl-j)。我不想告诉我的客户配置条形码阅读器以便我的页面正常工作,所以我想要一个ja