Bar Chart with negative bars colored differently

by duarteleao

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.19/require.min.js"></script>
<script src="//webdetails.github.io/ccc/charts/lib/amd/require.config.js"></script>
<script src="//webdetails.github.io/ccc/charts/lib/q01-01.js"></script>
<div id="cccExample" />

JavaScript

require(["ccc/pvc", "ccc/def"], function(pvc, def) {
    new pvc.BarChart({
        canvas: "cccExample",
        width:  600,
        height: 400,
        title:  "Bar Chart with negative bars colored differently",
        legend:     true,
        animate:    false,
        selectable: true,
        hoverable:  true,
        bar_fillStyle: function() {
          var baseColor = this.delegate();
          return this.getValue() < 0 
             ? baseColor.brighter(0.5)
             : baseColor;
        }
    })
    .setData(relational_01_neg, {crosstabMode: false})
    .render();
});