biering/vue-c3

css, axis issues

greenpdx opened this issue · 4 comments

greenpdx commented

SelDetail.zip
I am use vue-c3 to create a chart and I have two problems.
First: I do not want to display the axis values. I have tried

axis: {
  x: {
    show: false
  }
  y:  {
     show: false
   }
}

but this hides the axis values and the axis, I just want to hide the values.

Next, I am using a line chart but the area under the line is black. I found a c3 problem that states that c3.css is not being used. Does vue-c3 include c3.css? if not how do I add it to chart?
I have attached the file zipped. I am hacking it now, so it looks funky

biering commented

Hi, I will look into it.

Vue-C3 does not import the c3.css file. Depending on your project you should be able to just adding it like any other CSS file. The chart is bound to a div element with the vuec3-chart class.

greenpdx commented

When I imported c3.css i worked

<script>
import Vue from 'vue'
import VueC3 from 'vue-c3'
import '../assets/c3.min.css'
import d3 from 'd3'

export default {

I am still trying to remove the axis tick labels. I can remover the axis label but not the tick.

biering commented

Reopen the issue if that didn't fix your problem