C3 chart show/hide

Test show & hide option

by aendrew

HTML

<script src="https://cdn.rawgit.com/c3js/c3/0.4.11/c3.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/c3js/c3/0.4.11/c3.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.js"></script>
<div id="chart"></div>

JavaScript

var jsondata = [{
  "Name": "apple",
  "data": {
    "value": 1434,
  },
}, {
  "Name": "banana",
  "data": {
    "value": 342,
  }
}];

var chart = c3.generate({
  data: {
    json: jsondata,
    keys: {
      value: [
        "name", "data.value"
      ]
    },
    type: "scatter"
      //hide: true
  }
});