草庐IT

qiun-data-charts

全部标签

javascript - 在 Chart.js 中制作直方图

我们使用Chart.js我们代码库中的库,我需要创建一个直方图,这不是他们的默认图表类型之一。因此,我试图覆盖条形图上的x轴刻度线,使它们出现在每个条形图的左右Angular,而不是直接在下方。在下面的示例中,我通过在labels中添加一个额外的项目来获得我想要的x轴。数组并在options中显示第二个x轴.但是,由于现在有一个额外的标签,条形图占据了宽度的4/5,为不存在的数据点留出了空间。有什么方法可以指定忽略丢失的数据点吗?还是抵消酒吧?还是我找错了树?documentation有点难以解析,所以我不确定是否遗漏了一些简单的东西。varctx=document.getElemen

javascript - 在 Chart.js 折线图中更改 x 轴标签

是否可以在Chart.js中设置自定义x轴标签?目前我正在使用我的索引数组,但很难读取此图表上的任何内容,因此我想对其进行缩放并仅显示指定的索引。例如:而不是[1,2,3,4,5,6,7,8,9,10],我想设置[1,5,10] 最佳答案 使用Chart.js,您无法覆盖水平轴标签。这是一个很棒的图书馆,遗憾的是它不支持这一点。无需进入Chart.js代码且无需重新绘制Canvas,最简单的方法是将标签单元格保留为空字符串。例如,如果你只想每10个点显示一次x轴标签,你可以在生成标签时这样做:if(ix%10==0){labels[

javascript - 无法根据文档在 Angular ui-router 中访问 $state.current.data

我正在尝试动态更新页面标题。考虑这样定义的状态:$stateProvider.state('login',{url:'/login',templateUrl:'/templates/views/login.html',controller:'AuthCtrl',data:{title:'Login'}}在页面的HEAD部分:根据tothedocumentation,Iamsupposedtobeabletoaccessmycustomdataproperty:app.directive("pageTitle",function($state){return{restrict:'A',t

javascript - Google Charts 在第一个图表后停止绘制

我想做什么在一页上显示多个条形图我已经做了什么条形图以前是线形图。作为折线图,我可以毫无问题地在同一页上显示两个图表。我为它们使用了两个单独的drawChart()函数。然后我将图表转换为条形图(Material设计)。现在它只显示一张图表。我已经搜索了答案并找到了这个:HowtoaddtwoGooglechartsontheonepage?我按照这个,但它仍然不起作用。我的代码google.load("visualization","1.1",{packages:["Bar"]});google.setOnLoadCallback(drawChart);functiondrawCha

javascript - Chart.js - 定位 donut 标签

我有一个使用Chart.js的网页。在此页面中,我正在渲染三个圆环图。在每个图表的中间,我想显示填充的donut的百分比。目前,我有以下代码,可以在这个Fiddle中看到.functionsetupChart(chartId,progress){varcanvas=document.getElementById(chartId);varcontext=canvas.getContext('2d');varremaining=100-progress;vardata={labels:['Progress','',],datasets:[{data:[progress,remaining]

javascript - Chart.js - 绘制带有多个标签的条形图

我正在尝试使用使用多个标签的chart.js绘制条形图,以便我可以操作它们。我已经设法用折线图来完成它,并尝试扩展我在那里所做的但没有运气。我收到此错误。是什么原因造成的?"UncaughtTypeError:Object.definePropertycalledonnon-object".问题出在数据的某处:{}因为当我将数据作为一个简单的2索引数组时它工作正常。编辑:单步执行dataset=null时;varcom_passed=rows[rows.length-2]["#CommonPassed"];varcom_failed=rows[rows.length-2]["#Comm

AXI-Stream Data FIFO接口学习

1.接口描述AXI-StreamDataFIFO接口与普通的FIFO方案基本差不多,只是写数据端为AXI-stream从接口,读书节端为AXI-stream主接口。2.与普通FIFO的差异相同点:二者都是先入先出,写入多少,读出多少。不同点:AXI-StreamDataFIFO可以通过TLAST信号指示数据节点,同时还可以通过TKEEP和TSTRB信号指示读写数据各个字节的性质和有效性。AXI-StreamDataFIFO的读写端口最少需要TDATA,TVALID,TREADY这三个信号,可选择的添加TKEEP,TLAST,TSTRB信号,本文选择了TKEEP,TLAST信号。单次传输字节数为

javascript - 使用 jQuery 检查可见性时,$.data() 或 $.is (':visible' 哪个更快?

今天,当我为显示和隐藏菜单的两种方法编写一些代码时,我做了一个小测试,以了解检查菜单可见性的最有效方法。结果因浏览器而异,FF4.0b12使用$.data更快,但Chrome(webkit)和Opera使用$.is(':visible').我无法在IE9上测试,因为浏览器一直锁定我!这是测试用例:http://jsperf.com/data-or-display/3那么,使用jQuery检查可见性的最有效方法是什么? 最佳答案 $('whatever').is(':visible')读起来最好。我认为这才是最重要的。除非你需要每秒检

javascript - Rails 3.1 Ajax 部分中的 Google Charts

我一直在使用Google图表,没有遇到任何问题,但现在我需要在Ajax呈现的部分中显示图表。显然什么都没有显示。我知道这与构建未激活图表的Java触发器有关,但我需要一些帮助来确定我需要做什么...目前我有这样的东西(非Ajax):google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){vardata=newgoogle.visualization.DataTable();data.addColumn('string

javascript - 猎犬.js : Transform the data returned by a remote source?

我正在使用带有远程API的Bloodhound,我需要转换从远程API返回的结果。APIURL是https://www.googleapis.com/books/v1/volumes?q=quilting它返回一个具有items属性的对象,该属性是一个列表。我需要将该列表返回给Typeahead,而不是顶级对象。Bloodhound文档说thereisatransformfunctionthatissupposedtodothis,但我无法让它工作。这是我的代码:varbooks=newBloodhound({datumTokenizer:function(d){returnBlood