donut-chart

Animating D3 donut chart on load

二次信任 提交于 2019-12-04 08:20:21
问题 I have a donut chart with five different arcs inside of it. The data will not be updated but I want to have a transition of the whole graph being drawn as a circle when the page loads, starting at the selected angle (in my case 1.1*PI). Here is the jsfiddle of the graph: http://jsfiddle.net/Nw62g/ var data = [ {name: "one", value: 10375}, {name: "two", value: 7615}, {name: "three", value: 832}, {name: "four", value: 516}, {name: "five", value: 491} ]; var margin = {top: 20, right: 20, bottom:

ChartJS - Donut charts with multiple rings

China☆狼群 提交于 2019-12-03 14:10:33
Is it possible to create a donut chart with multiple rings using ChartJS as shown below? Varun Mittal You can find out the solution at fiddle link var ctx = document.getElementById("chart-area").getContext("2d"); var myDoughnut = new Chart(ctx, config); var config = { type: 'doughnut', data: { datasets: [{ data: [ 10,20,30 ], backgroundColor: [ "#F7464A", "#46BFBD", "#FDB45C" ], }, { data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ], backgroundColor: [ "#F7464A", "#46BFBD", "#FDB45C" ], }], labels: [ "Red", "Green", "Yellow" ] }, options: { responsive: true } };

How to set Image inside of Donut-achartEngine Graph?

我只是一个虾纸丫 提交于 2019-12-03 09:48:59
I am using aChartEngine Library to make donut graph.But having problem to add image inside of donut Graph. I can set Background Color only , but not get able to set background image inside of donut. Please check image . This could help.. <RelativeLayout android:layout_width="match_parent" android:layout_height="170dp" > <LinearLayout android:id="@+id/left_graph_for_head_injury" //here to draw donut android:layout_width="match_parent" android:layout_height="170dp" > </LinearLayout> <ImageView //image to place android:layout_width="95dp" android:layout_height="95dp" android:layout_centerInParent

d3 donut charts of varying radius

淺唱寂寞╮ 提交于 2019-12-02 12:54:25
问题 I would like to recreate something similar to the following examples: http://bl.ocks.org/mbostock/3888852 http://bl.ocks.org/mbostock/1305111 The only difference is that I want to control the radius of each donut, rather than having it be the same for all of them. How do I dynamically vary the radius of the donut charts? 回答1: For this, you need to adjust the .innerRadius() and/or .outerRadius() dynamically for each appended pie chart, for example svg.selectAll(".arc") .data(function(d) {

Android Donut Chart

社会主义新天地 提交于 2019-11-30 17:54:45
问题 I have created a donut chart, which is shown below: MY resultant Donut chart should be in the following way: My Question is, How can i achieve the lines with image (They are rounded off in second screen shot) For reference, Here is the code which I have written: public class PieChartView extends View { private int[] values = {30, 60, 90, 100, 150}; private int c[] = {Color.MAGENTA,Color.BLUE,Color.RED,Color.CYAN,Color.YELLOW}; private int valuesLength = values.length; private RectF rectF;

SVG Adding radial gradient to donut chart

两盒软妹~` 提交于 2019-11-30 15:07:29
I'm drawing charts with d3.js. Is it possible to add radial gradients to donut chart, how on this picture? Erik Dahlström Assuming the arc parts are path elements that are filled you can use a radial gradient to get that result. See this similar question , we can reuse the example to arrive at: var dataset = { apples: [53245, 28479, 19697, 24037, 40245], }; var width = 460, height = 300, radius = Math.min(width, height) / 2; var color = d3.scale.category20(); var pie = d3.layout.pie() .sort(null); var arc = d3.svg.arc() .innerRadius(radius - 100) .outerRadius(radius - 50); var svg = d3.select(

Highcharts donut chart without inner pie?

淺唱寂寞╮ 提交于 2019-11-29 20:55:05
I've been searching for the solution to generate the simplest donut chart with Highcharts library. However, all examples of Highcharts show the style of chart with both inner pie and outer donut (refer to: http://www.highcharts.com/demo/pie-donut ) How can I get rid of the inner pie and just keep the outer donut, just like other libraries do? (something like RGraph: http://www.rgraph.net/examples/donut.html ) Thank you. You just need to provide the data as an array of two element (key / value) arrays. Specify an innerSize to get the donut style. So your parameters will contain something like

Highcharts donut chart customization

拥有回忆 提交于 2019-11-29 00:35:27
问题 I have a license for highcharts and I would like to create a char like the one bellow: The most similar component on highcharts is the following one: Does someone know is is posible to replace the PIE inside for just a percent? or some other good client side javascript librarie to do it? You can find a demo and the API in the following links. DEMO http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-donut/ API http://api.highcharts

Circular Heatmap that looks like a donut

耗尽温柔 提交于 2019-11-28 16:13:28
I'm trying to create circular heatmap with ggplot2 so I can use a larger number of labels around the circumference of a circle. I'd like to have it look more like a donut with an empty hole in the middle but at the same time not losing any rows (they would need to be compressed). Code for what I have is below. library(reshape) library(ggplot2) nba <- read.csv("http://datasets.flowingdata.com/ppg2008.csv") nba$Name <- with(nba, reorder(Name, PTS)) nba.m <- melt(nba) nba.m <- ddply(nba.m, .(variable), transform, value = scale(value)) p = ggplot(nba.m, aes(Name,variable)) + geom_tile(aes(fill =

Circular Heatmap that looks like a donut

浪尽此生 提交于 2019-11-27 09:37:09
问题 I'm trying to create circular heatmap with ggplot2 so I can use a larger number of labels around the circumference of a circle. I'd like to have it look more like a donut with an empty hole in the middle but at the same time not losing any rows (they would need to be compressed). Code for what I have is below. library(reshape) library(ggplot2) nba <- read.csv("http://datasets.flowingdata.com/ppg2008.csv") nba$Name <- with(nba, reorder(Name, PTS)) nba.m <- melt(nba) nba.m <- ddply(nba.m, .