jjzjj

javascript - 如何在 nvd3 饼图的工具提示中获取百分比?

我有一个nvd3饼图。我正在获取百分比值作为标签,但我希望它出现在工具提示中。这是HTML:数据Data1=[{key:"Ongoing",y:20},{key:"completed",y:0}];这是将键显示为工具提示数据的工具提示函数。$scope.toolTipContentFunction=function(){returnfunction(key,x,y,e,graph){return''+key+''}} 最佳答案 这是一个jsfiddle在工具提示中显示百分比。关键代码是这样的:(你必须计算构成饼图的所有值的总和)va

javascript - flot:无法使用 Canvas 中包含的标签绘制饼图

我正在尝试制作一些图表,但遇到了这个奇怪的错误消息。这是一个有效的例子:$.ajax({type:"GET",dataType:"json",url:"/data/active_projects_per_phase",success:function(result){$.plot($("#active_per_phase"),result,{series:{pie:{show:true,label:{show:true,radius:3/4,formatter:function(label,series){returnlabel+':'+series.data[0][1]+'('+Ma

javascript - ChartJS – 如何在空饼图上显示边框?

我有几个使用ChartJS显示的饼图/圆环图。通常,它们包含[200,1200,300]和[30,500]之类的数据以给出估计值,但在极少数情况下,它们会包含[0,0,0]和[0,0]。那么问题是图表消失了,即使我启用了边框。我已通过向数组中的第一个元素添加虚拟值来解决此问题,但我不喜欢代码的外观并想要更好的方法。当数组只包含零时,是否可以使边框可见(一个圆圈)?编辑:我似乎没有得到这个问题的任何答案。当边框未显示在空数据上时,它是否被视为错误,或者这是预期的行为?不知道有没有其他人遇到过这个问题。我仍然需要找到一种优雅的方式来处理这个问题,但我还没有找到。

javascript - 在 d3 中将饼图的一部分隔开?

如何在nvd3/d3中分隔图表饼图?我想按照http://nvd3.com/livecode/#codemirrorNav中的示例饼图使用饼图任何帮助都非常有用。 最佳答案 有时每个切片上的粗白笔划都可以(事实上,他们在您链接到的页面上就是这样做的)。问题是细小的切片有时会被笔划覆盖。.slice{stroke:white;stroke-width:3;} 关于javascript-在d3中将饼图的一部分隔开?,我们在StackOverflow上找到一个类似的问题:

c# - ASP.Net MS Chart控件饼图: remove unwanted padding

你好我正在尝试使用MSChart控件创建简单的饼图。当我的饼图在浏览器中呈现时,我在饼图周围填充了我无法摆脱的填充物。我希望饼图靠在图像的边缘,没有填充或边距。关于如何实现这一目标的任何想法?在我下面的代码中,填充以蓝色突出显示。即Chart1.BackColor=System.Drawing.Color.Blue;protectedvoidPage_Load(objectsender,EventArgse){//SetthecharttypeChart1.Series["Series1"].ChartType=SeriesChartType.Pie;//addpointsChart1

Echarts-3d饼图

 import'echarts-gl'varecharts=require('echarts')exportdefault{ props:{  echartsId:{   type:String,   default:'chart-panel'  },  k:{   //内外径之比   type:Number,   default:1/3  },  size:{   type:Number,   default:0.5  },  value:{   type:Array,   default:()=>[]  } }, data(){  return{   echarts:null  } }, 

javascript - d3 在饼图上显示数字而不是百分比

我正在绘制一个图表来显示有多少人完成了我们的应用程序,有多少人未能完成所有步骤。为此,我的公司决定使用库d3来显示图表。但是,在饼图上,他们希望显示一个整数而不是默认百分比,我似乎找不到任何相关文档。我的代码是这样的c3.generate({bindto:'.pieChart',data:{columns:[['Started',Started],['Completed',Completed]],type:'pie'}});如有任何帮助,我们将不胜感激! 最佳答案 documentation漂亮clear.varchart=c3.g

javascript - 使用 c3.js 创建自定义圆环图或饼图

尝试使用c3.js创建以下内容。我们在整个应用程序中使用相同的图表库,因此希望保持一致。没有在c3.js中找到自定义donut或饼图的方法来获得它。非常感谢任何帮助或指点。 最佳答案 HTMLCSS#chart{width:150px;height:150px;}/*don'tdoanythingfancywhenhovering*/#chart.c3-defocused.c3-target{opacity:1!important;}#charttext{fill:#ccc;}#chart.c3-chart-arcs-title{f

javascript - 可编辑的 javascript 图表 - 交互式调整条形图或饼图部分的大小

我需要一个可以绘制图表的库或框架插件,这些图表可以通过调整部分图表本身的大小来实时修改。有这种东西吗?我打算用它来调整图表值。主要用于控制金额分配。例如。您有4个小时,并且有5种不同类型的任务。我希望用户能够为每项任务分配时间,并直观地查看对可用时间的影响。 最佳答案 我认为VisuallyEditableChartsofFusionCharts正是您要找的。 关于javascript-可编辑的javascript图表-交互式调整条形图或饼图部分的大小,我们在StackOverflow上

javascript - 如何在 Google 饼图图例中添加百分比和总计

我有一个以饼图形式显示数据的页面。我使用谷歌图表来做到这一点。这是代码:google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){vardata=google.visualization.arrayToDataTable([['GoalName','No.oftimesRequested'],['Frank.netLifeCover',226],['Frank.netHospitalCashBack',147],['F