title: c3js - D3js - Customize labels in a simple bar chart
body: <p>Probably the best way to provide some context is showing the code:</p>
  
  <p><a href="http://jsfiddle.net/ron_camaron/baa0q55j/12/" rel="nofollow">http://jsfiddle.net/ron_camaron/baa0q55j/12/</a></p>
  
  <pre><code>var arrayOfDates = ['Jun 2015', 'May 2015', 'Mar 2015', 'Feb 2015', 'Jan 2015', 'Dec 2014'];
  var arrayOfData = [7.25, 10.001, 10, 8.39, 10.002, 6.76]
  var cautionColor = '#AB2522';
  var bronzeColor = '#8C7853';
  var silverColor = '#CCCCCC';
  var goldColor = '#FFCC00';
  var neutralColor = "#ffffff";
  
  var chart = c3.generate({
  bindto: '#divForGraph_1',
  size: {
      height: 203,
      width: 380
  },
  data: {
      columns: [
          ['period'].concat(arrayOfData)
      ]
      ,
      types: {
          period: 'bar'
      }
      ,
      labels: true
      ,
      names: {
          period: 'Scoring Table'
      }
      ,
      color: function (color, d) {
          if (d.value &lt; 4) {
              return cautionColor;
          } else if (d.value &lt; 7) {
              return bronzeColor;
          } else if (d.value &lt; 10) {
              return silverColor;
          } else if (d.value &gt; 10 &amp;&amp; d.value &lt; 10.001) {
              return neutralColor;
          } else if (d.value &gt;= 10.001) {
              return neutralColor;
          }
  
          return goldColor;
      }
      ,
      axis: {
          y: {
              label: {
                  text: 'Scores',
                  position: 'inner-middle'
              }
          },
          x: {
              type: 'timeseries',
              tick: {
                  fit: true
              }
          }
      }
  }
  ,
  axis: {
   x:{
       type: 'category',
       categories: arrayOfDates
   }
  }
  });
  
  chart.axis.max({
  y: 10.002
  });
  chart.axis.min({
  y: 0
  });
  </code></pre>
  
  <p>In that bar chart, there are some "special" values. I'm looking for a way to customize those values as follow:</p>
  
  <ul>
  <li>10.001 = "N/S"</li>
  <li>10.002 = "N/A"</li>
  </ul>
  
  <p>The rest of values from 0 to 10 in the y axis should keep the way they are.</p>
  
  <p>Another requirement is that the Y axis should show values only from 0 to 10.</p>
  
  <p>Modify the DOM with jQuery might be a solution, but it's kind of hacking, I'd like to get the result using correctly the API.</p>
  
  <p>Any help is appreciated!</p>