nvd3TestData = [
{
values:[
{x:"M",y:1},
{x:"T",y:2},
{x:"W",y:3},
{x:"R",y:3},
{x:"F",y:4},
{x:"S",y:5},
{x:"U",y:6}
],
key:"Apples"
},
{
values:[
{x:"M",y:5},
{x:"T",y:2},
{x:"W",y:6},
{x:"R",y:8},
{x:"F",y:2},
{x:"S",y:4},
{x:"U",y:1}
],
key:"Zebras"
}
]
चार्ट (एक AngularJS निर्देश से खींचा) बनाना:
nv.addGraph -> चार्ट = nv.models.multiBarChart() .stacked (सही) .showControls (गलत)
chart.xAxis
.axisLabel(attrs.xAxisLabel)
chart.yAxis
.axisLabel(attrs.yAxisLabel)
.tickFormat(d3.format(',r'))
console.log element
d3.select(element[0].children[0])
.datum(nvd3TestData)
.call(chart)
nv.utils.windowResize(chart.update)
आउटपुट:
अपेक्षित उत्पादन सभी 7 लेबल्स होंगे: MTWRFSU
धन्यवाद! यह सुनिश्चित नहीं है कि जब मैंने स्रोत को देखा तो मुझे कैसे याद आया। –
मुझे लगता है कि आपका मतलब '.reduceXTicks (false)' – mqklin
यह काम करता है, लेकिन मेरे मामले के लिए, लेबल एक-दूसरे को ओवरलैप कर रहे हैं :-( – Casperonian