Dot Chart with a calculated discrete dimension feeding the color role

by Sivasakthi Chandrasekaran

HTML

<script src="http://www.webdetails.pt/ctools/charts/lib/jquery.tipsy.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/protovis.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/protovis-msie.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/tipsy.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/def.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/pvc-r2.0.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/q01-01.js"></script>
<script src="http://www.webdetails.pt/ctools/charts/lib/bp.js"></script>
<link rel="stylesheet" href="http://www.webdetails.pt/ctools/charts/lib/tipsy.css">
<div id="cccExample" />

JavaScript

new pvc.LineChart({
    canvas: "cccExample",
    width:  600,
    height: 500,
    legendPosition: 'right',
    stacked: true,

    
    extensionPoints: {
      line_interpolate: 'monotone'
    }
})
.setData(relational_04, { crosstabMode: false })
.render();