nvd3/examples/pie.html

<!DOCTYPE html>
<meta charset="utf-8">
<link href="../src/nv.d3.css" rel="stylesheet" type="text/css">
<style>

body {
  overflow-y:scroll;
}

text {
  font: 12px sans-serif;
}

</style>
<body>

<svg id="test1"></svg>

<svg id="test2"></svg>

<script src="../lib/d3.v2.js"></script>
<script src="../nv.d3.js"></script>
<script src="../src/models/pie.js"></script>
<script> 

  var testdata = [
    { 
      key: "One",
      y: 5
    },
    { 
      key: "Two",
      y: 2
    },
    { 
      key: "Three",
      y: 9
    },
    { 
      key: "Four",
      y: 7
    },
    { 
      key: "Five",
      y: 4
    },
    {
        key: "Six",
        y: 3
    }
  ];


nv.addGraph(function() {
    var width = nv.utils.windowSize().width - 40,
        height = nv.utils.windowSize().height / 2 - 40;

    var chart = nv.models.pie()
        .width(width)
        .height(height);

    d3.select("#test1")
        .datum(testdata)
      .transition().duration(1200)
        .attr('width', width)
        .attr('height', height)
        .call(chart);

    return chart;
});

nv.addGraph(function() {
    var width = nv.utils.windowSize().width - 40,
        height = nv.utils.windowSize().height / 2 - 40;

    var chart = nv.models.pie()
        .width(width)
        .height(height)
        .donut(true);

    d3.select("#test2")
        .datum(testdata)
      .transition().duration(1200)
        .attr('width', width)
        .attr('height', height)
        .call(chart);

    return chart;
});

</script>
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`<!DOCTYPE html>`
			`<meta charset="utf-8">`
renaming d3.css to nv.d3.css 2012-07-13 19:25:19 +00:00			`<link href="../src/nv.d3.css" rel="stylesheet" type="text/css">`
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`<style>`

			`body {`
			`overflow-y:scroll;`
			`}`

			`text {`
			`font: 12px sans-serif;`
			`}`

			`</style>`
			`<body>`

			`<svg id="test1"></svg>`

showing donut as well as pie in pie examples 2012-06-29 19:28:08 +00:00			`<svg id="test2"></svg>`

Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`<script src="../lib/d3.v2.js"></script>`
			`<script src="../nv.d3.js"></script>`
loading the correct pie.js in the example 2012-06-28 21:18:26 +00:00			`<script src="../src/models/pie.js"></script>`
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`<script>`

			`var testdata = [`
			`{`
new pieChart, and lots of updates to pie implementation... still need to tweak a few things, including animation when series are disabled 2012-06-28 23:06:07 +00:00			`key: "One",`
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`y: 5`
			`},`
			`{`
new pieChart, and lots of updates to pie implementation... still need to tweak a few things, including animation when series are disabled 2012-06-28 23:06:07 +00:00			`key: "Two",`
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`y: 2`
			`},`
			`{`
new pieChart, and lots of updates to pie implementation... still need to tweak a few things, including animation when series are disabled 2012-06-28 23:06:07 +00:00			`key: "Three",`
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`y: 9`
			`},`
			`{`
new pieChart, and lots of updates to pie implementation... still need to tweak a few things, including animation when series are disabled 2012-06-28 23:06:07 +00:00			`key: "Four",`
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`y: 7`
			`},`
			`{`
new pieChart, and lots of updates to pie implementation... still need to tweak a few things, including animation when series are disabled 2012-06-28 23:06:07 +00:00			`key: "Five",`
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`y: 4`
			`},`
			`{`
new pieChart, and lots of updates to pie implementation... still need to tweak a few things, including animation when series are disabled 2012-06-28 23:06:07 +00:00			`key: "Six",`
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`y: 3`
			`}`
			`];`

Fix for Bar/Pie chart not showing updated data... 2012-05-14 17:14:12 +00:00
showing donut as well as pie in pie examples 2012-06-29 19:28:08 +00:00			`nv.addGraph(function() {`
			`var width = nv.utils.windowSize().width - 40,`
			`height = nv.utils.windowSize().height / 2 - 40;`

			`var chart = nv.models.pie()`
			`.width(width)`
			`.height(height);`
Fix for Bar/Pie chart not showing updated data... 2012-05-14 17:14:12 +00:00
showing donut as well as pie in pie examples 2012-06-29 19:28:08 +00:00			`d3.select("#test1")`
			`.datum(testdata)`
			`.transition().duration(1200)`
			`.attr('width', width)`
			`.attr('height', height)`
			`.call(chart);`
Fix for Bar/Pie chart not showing updated data... 2012-05-14 17:14:12 +00:00
showing donut as well as pie in pie examples 2012-06-29 19:28:08 +00:00			`return chart;`
			`});`
new pieChart, and lots of updates to pie implementation... still need to tweak a few things, including animation when series are disabled 2012-06-28 23:06:07 +00:00
			`nv.addGraph(function() {`
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`var width = nv.utils.windowSize().width - 40,`
showing donut as well as pie in pie examples 2012-06-29 19:28:08 +00:00			`height = nv.utils.windowSize().height / 2 - 40;`
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00
			`var chart = nv.models.pie()`
			`.width(width)`
Pie/Bar chart fixes/enhancments 2012-05-10 22:13:31 +00:00			`.height(height)`
showing donut as well as pie in pie examples 2012-06-29 19:28:08 +00:00			`.donut(true);`
Updated pie/bar charts to support tooltips Updated pie/bar charts to have click handlers Updated bar chart to allow negative values. 2012-05-10 16:10:15 +00:00
showing donut as well as pie in pie examples 2012-06-29 19:28:08 +00:00			`d3.select("#test2")`
			`.datum(testdata)`
			`.transition().duration(1200)`
			`.attr('width', width)`
			`.attr('height', height)`
			`.call(chart);`
Updated pie/bar charts to support tooltips Updated pie/bar charts to have click handlers Updated bar chart to allow negative values. 2012-05-10 16:10:15 +00:00
Updated Bar chart to use variable for Label/Data Element Created Pie Chart 2012-05-09 19:08:25 +00:00			`return chart;`
			`});`

			`</script>`