C3.js Charts not showing when using conditional rendering in Vue.js

The problem is when using conditional rendering in Vue.js, v-if actually will not even generate HTML for the elements, this makes C3 fail to bind to the element. The easiest solution is to just use v-show which renders the element but simply adds display: none to hide it.