草庐IT

d3_graph_chart

全部标签

javascript - 如何在 Angular 2 中实现 Chart.js?

我正在使用最新版本的Angular2V4.0.0,我想在我的项目中使用来自Chart.js库的图表,而不会有很多复杂情况。如何在我的Angular项目中实现Chart.js而不会在最终产品中给我带来问题? 最佳答案 您可以按照以下说明以简单的方式实现Chart.js:1。使用angular-cli创建一个新项目,如果已​​经创建则跳过ngnewexample-chartjs2。在您的项目中安装Chart.jsnpminstallchart.js--save3。将图表导入其组件importChartfrom'chart.js';4。在

javascript - Pie chart.js - 显示无数据保留消息

我正在使用chart.js版本:2.8.0显示barchart和一个piechart.非空条形图和饼图随心所欲地显示。但是,当条形图和饼图为空或要显示的数据为零时,是否有标准化选项来显示“无数据可显示!”条形图和饼图的消息,可以显示在空数据或零数据的位置。我在google上搜索了一个插件并在SO上搜索了一个解决方案,但我发现的选项要么根本不起作用,要么不适用于最新版本的chartjs。这是我的空饼图:newChart(document.getElementById('pieChartExample01'),{type:'pie',data:{labels:['Views','Print

javascript - Chart.js 在窗口调整大小时消失

我正在使用Chart.js在内的div中显示折线图.............加载页面时,item-details被隐藏,点击item在上面,它将使其显示并调用一个函数在Canvas中绘制图表。该函数如下所示:$(document).on('click','.item',function(){varitemDetails=$(this).closest('tr').next('tr');...varcanvas=itemDetails.find('#future-chart').get(0);if(canvas){...//justsettingdataherevardata={...}

javascript - 如何在 Chartjs 2.x 中使用图表插件 (Chart.pluginService.register) 访问标签数组?

我想隐藏图表中的最后一个标签。它不是静态数组,数据源源不断。因此,最后一个标签不能只设置为空白或空值。是否有任何chartjs选项来隐藏它或如何访问图表插件中的标签数组? 最佳答案 根据您的需要,您可以使用ticks选项来修改标签。检查value并根据您的需要返回。docsyAxes:[{ticks:{callback:function(value,index,values){returnvalue}}}], 关于javascript-如何在Chartjs2.x中使用图表插件(Chart

javascript - Opera 浏览器中 Chart.js 的输出(柱形图)模糊吗?

Opera版本:32.0.1948.69(输出在其他主要浏览器上工作正常)。有谁知道我怎样才能解决Chart.js的模糊问题?图表的宽度在这里无关紧要,无论我采用哪个维度,它总是有一定程度的模糊(尤其是当鼠标悬停在列上时),我想消除这种模糊。图片:fiddle示例:https://jsfiddle.net/eugensunic/1sg79n7x/1/fiddle代码:vararray=[100,59,80,333,56,55,40]vardata={labels:["January","February","March","April","May","June","July"],dat

javascript - D3.js 不更新数据

我正在结合AngularJS更新D3堆叠条形图。在这种情况下,所有数据最初都是可见的,并且更新会过滤掉不需要的数据。过去,使用此模型可以毫无问题地工作:data=[{name:JohnDoe,splits:[{distance:1,time:1234},]},...]现在,我正尝试使用此模型向每个堆栈中再添加一个条:data=[{name:JohnDoetime:12345,splits:[{distance:1,time:1234},]},...]我的问题是更新数据。我的计算值重新计算正确,例如缩放域。timeupdate的一行仍然只识别更新之前的数据值(为简洁起见,代码片段被大量c

php - 如何使用 Facebook graph API 检索上传到粉丝页面墙上的粉丝照片?

我正在使用PHP和Facebook图形API创建一个外部照片库。它从我们的Facebook粉丝页面上的相册中提取缩略图和大图像。一切正常,除了我只能检索管理员发布到我们页面的照片。(graph.facebook.com/myalbumid/photos)有没有办法使用graphapi加载粉丝上传的公开照片?我想从“Photosfrom”相册中检索图片,但尝试获取图形查询的ID与其他相册不同......它看起来像这样:http://www.facebook.com/media/set/?set=o.116860675007039另一个注意事项:我接近检索此数据的唯一方法是使用“提要”选项

javascript - 如何在 d3 js 中将选定的节点置于前面?

我正在使用d3v3脚本来可视化数据。我需要在mousecenter中突出显示节点并将其置于前面,反之亦然。现在我可以通过增加节点的高度和宽度来突出显示节点。不能把节点放在前面。我试过使用不透明度、z-index等CSS。脚本//somecolourvariablesvartcBlack="purple";//restofvarsvarw=1500,h=800,maxNodeSize=50,x_browser=25,y_browser=25,root;varvis;varforce=d3.layout.force();vis=d3.select("#visfel_map").append

javascript - D3.js 试图实现可排序的 SVG 表

正如我的标题所述,我正在尝试实现一个具有漂亮过渡的交互式表格,这就是我选择D3.js与SVG元素结合使用的原因。我设法用普通的HTML元素(th,tr,td)实现了一个可排序的表格:http://jsfiddle.net/recek/q6LE6///createthetableheadervarthead=d3.select("thead").selectAll("th").data(d3.keys(jsonData[0])).enter().append("th").text(function(d){returnd;}).on("click",function(d){returnre

javascript - 在 D3 转换中使用 CSS 值

我想让d3过渡到CSS中定义的样式。我可以成功转换到我在代码中明确应用的样式值。但是,我希望在样式表中定义动画的目标值。这是一个红色div转换为蓝色div的示例:div{background:red}HelloThered3.select('bodydiv').transition().duration(5000).style("background","cornflowerblue");这是我在CSS中“存储”这些值的(不正确的)尝试:div{background:red}div.myDiv{background:cornflowerblue}HelloThered3.select(