jjzjj

pie-chart

全部标签

javascript - 以编程方式从 Google Chart 获取系列的颜色

我正在为Google图表创建自定义图例,它将显示每个系列的统计信息。我正在为此使用GoogleTable。因为它也是图例,所以我希望第一列具有与图表中的颜色相对应的颜色标记。但我在GoogleChartsAPI中找不到任何内容,它提供了一种方法来询问图表每个系列使用的颜色。 最佳答案 图表不提供获取系列颜色的方法,但您可以分配自己的颜色(通过colors或series..color选项)并在自定义图例中使用它们。colors:['#c038b1','#5071c7','#6a57b3']或:series:{0:{//settheop

javascript - 在 Chart.js 段中嵌入唯一标识符?

我想让我的饼图具有交互性,方法是允许用户双击切片以向下钻取。我相信这样做的方法是在Canvas上创建一个onclick处理程序,并使用getSegmentsAtEvent()确定点击了哪个切片。虽然调用getSegmentsAtEvent()返回的段数据可能不明确。以下是返回数据的示例:[{"circumference":4.1887902047863905,"endAngle":8.901179185171081,"fillColor":"#FF5A5E","highlightColor":"#FF5A5E","innerRadius":0,"label":"Red","outerR

javascript - g.raphael.js 饼图渐变效果

我使用raphael.js在我的网站上绘制图像/图表,但在我的饼图上实现渐变效果时遇到了问题。我是这样调用它的:window.onload=function(){varr=Raphael("holder");varpie=r.g.piechart(250,240,180,,{colors:["#fff","#cc3333","#f200fd"]});};我在文档中读到渐变效果是可能的,就像某些示例中显示的那样。我试过:{colors:["r#fff-#ccc","r#fff-#ccc","r#fff-#ccc"]}或{gradients:["r#fff-#ccc","r#fff-#cc

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

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

javascript - 如何使用 for 循环将行动态添加到 Google Chart

我在Google图表中遇到问题。我正在使用asp.netMvc。从Controller获取数据后,我将其传递到Google图表。当我使用手动数据时,例如:['Month','Bolivia','Ecuador','Madagascar','PapuaNewGuinea','Rwanda','Average'],['2004/05',165,938,522,998,450,614.6],它正确地显示了我。但是我怎样才能将我的数据动态添加到Google图表中呢?这是我的代码:for(vari=0;i 最佳答案 你做的方式是错误的。你应该

javascript - Highcharts : Chart with drilldown how to obtain click event of drill up button

我正在使用带有向下钻取功能的Highcharts,这是我的工作FIDDLE.如何获取上钻按钮的点击事件?我已经引用了HighchartsAPI但不知道如何将其合并到我的代码中。我想做这样的事情:drillUp:function(){//getpointdetailsbyusingsomethinglikethisorthis.point//getseriesdetailsbyusingsomethinglikepoint.series} 最佳答案 你需要catchevent.查看chart.events.drillupAPI文档。要

javascript - Google Chart API - 饼图 legend.textStyle 颜色

从officialexample开始用于饼图。我无法更改图例颜色。'legend.textStyle':{'color':'gray'}不考虑。请查看fiddle我做错了什么吗? 最佳答案 我实际上也无法得到您的答案。相反,我使用了以下内容:legend:{textStyle:{color:'gray'}} 关于javascript-GoogleChartAPI-饼图legend.textStyle颜色,我们在StackOverflow上找到一个类似的问题:

javascript - Chart.js 圆 Angular donut

我用Chart.js创建了一个圆环图,我希望它的两端都有圆Angular。我希望它是这样的:但我有这样的,边缘很锋利:我找到的最好答案是:HowtoputroundedcornersonaChart.jsBarchart,但它是用于条形图的,我不知道如何将其用于donut..这是我的代码:HTML85%JSvardeliveredData={labels:["Value"],datasets:[{data:[85,15)],backgroundColor:["#3ec556","rgba(0,0,0,0)"],hoverBackgroundColor:["#3ec556","rgba(

charts - Javascript 中的条形图 : stacked bars + grouped bars

我正在寻找一种Javascript解决方案,以将分组和堆叠条形图与漂亮的图形混合在一起,例如Protovis提供的那些。.例如,如果我想比较Apple(iPads+iPhone)设备和Android设备上的下载量,我可能有(请原谅我糟糕的ascii艺术)60k|^50k|#^^40k|##^#^30k|@#^^#^20k|@^#^#^@^10k|@^@^@^@^=================JanFebMarAprLegend#:iPadDownloads@:iPhoneDownloads^:AndroidDownloads 最佳答案

javascript - 在 chart.js 图形上叠加线

我想知道是否可以在chart.js图形(例如折线图)上叠加一条线?例如,在x轴上,将在图中的值20处绘制一条水平线 最佳答案 我创建了一个称为叠加图表的东西,我已将其添加到我的chart.js(https://github.com/leighquince/Chart.js)分支中,可以在这种情况下使用。它的工作原理与折线图或条形图相同,唯一的区别是您声明了一个名为type的额外属性,该属性可以是'line'或'bar'。然后只需调用newChart(ctx).Overlay(data)。因此,对于您的示例,您可以只使用条形图,然后提