Fix THis fiddle
by Blake Dietz
JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Pareto Chart</title>
<script type="text/javascript" src="../d3/d3.v3.js"></script>
</head>
<body>
<style>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.bar {
fill: steelblue;
}
.x.axis path {
display: none;
}
.y.axis path{
display:none;
}
.y .axis .minor line {
stroke: gray;
stroke-dasharray: 2,2;
}
</style>
<script type="text/javascript">
var aNewChart = new ParetoChartContextD3(600,453);
function ParetoChartContextD3(myWidth,myHeight){
//Width and height
var margin = {top: 20, right: 20, bottom: 30, left: 40};
var width = myWidth - margin.left - margin.right;
var height= myHeight - margin.top - margin.bottom;
var w = width;
var h = height;
// Created by generateSeriesJson
var jsonData = [{"point":[{"id":"28","name":"Spine","attributes":{"attribute":[{"xxx":"Spine","name":"itemName"},{"xxx":"Cohort","name":"itemType"},{"xxx":"Spine","name":"a1"},{"xxx":"Spine","name":"a2"},{"xxx":"3.265","name":"averageGmlos"},{"xxx":"28","name":"itemCode"}]},"y":"1403"},{"id":"33","name":"Heart Failure (CMS)","attributes":{"attribute":[{"xxx":"Heart Failure (CMS)","name":"itemName"},{"xxx":"Cohort","name":"itemType"},{"xxx":"Heart Failure (CMS)","name":"a1"},{"xxx":"Heart Failure (CMS)","name":"a2"},{"xxx":"5.115","name":"averageGmlos"},{"xxx":"33","name":"itemCode"}]},"y":"1223"},{"id":"30","name":"Total Knee Replacement","attributes":{"attribute":[{"xxx":"Total Knee...