-1
我想將c3條形圖的原點從零更改爲1.所有值都必須從非零的一箇中繪製。爲了更好地理解,我附加了一個圖像。 在c3圖中將原點從零更改爲一個
我想將c3條形圖的原點從零更改爲1.所有值都必須從非零的一箇中繪製。爲了更好地理解,我附加了一個圖像。 在c3圖中將原點從零更改爲一個
沒有配置/簡單的方法將原點從(0,0)更改爲不同的(0,100)。
所以備用/簡單的方法來做到這一點是通過改變軸刻度標記標籤,並把網格線,和操作數據值,如下所示: -
在下面的例子,我試圖移動(x軸從0到100)
希望這會有所幫助。
var chart = c3.generate({
bindto:'#chart_example',
data: {
columns: [
//['data1', 0, 200, -100, 400, 150, -250, 50, 100, 250] // Actual values
['data1', -100, 100, -200, 300, 50, -350, -50, 0, 150] // actual values -100
],
type: 'bar'
},
axis: {
x: {
type: 'category',
categories: ['cat1', 'cat2', 'cat3', 'cat4', 'cat5', 'cat6', 'cat7', 'cat8', 'cat9'],
show: false,
},
y : {
tick: {
//format: d3.format("$,")
format: function (d) { return "$" + (d+100); }
}
}
},
grid: {
y: {
lines: [
{value: 0, text: ''},
]
}
}
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.5/d3.min.js"></script>
<div id="chart_example"/>