TargetProcess/tauCharts

On bar graph, x-axis doesn't be showen

Closed this issue · 1 comments

studB commented

I get package like below,

<script src="https://cdn.jsdelivr.net/d3js/latest/d3.min.js" charset="utf-8"></script> <script src="https://cdn.jsdelivr.net/npm/taucharts@2/dist/taucharts.min.js" type="text/javascript"></script>

data :
[{"category":"Q","count":77},{"category":"S","count":644},{"category":"C","count":168}]

code :

var chart = new Taucharts.Chart({
type : 'bar',
x : "category",
y : "count",
data : jdata,
plugins: [
Taucharts.api.plugins.get('tooltip')(),
Taucharts.api.plugins.get('legend')(),
]
})
.renderTo('#chart');

show :

image

No a-xis is there, so can't check category name of each bar.

How fix it..

studB commented

I fix it..! Soultion is to set a height css property of parent element, '#chart' ..!