डेमो कोड में कॉलम x अक्ष के ऊपर क्यों हैं। मैं उन्हें एक्स अक्ष से कैसे चिपका सकता हूं।

https://jsfiddle.net/nmLo2sbu/ देखें।

Highcharts.chart('container', {
    chart: {
         type: 'column'
    },
    title: {
        text: 'Stacked bar chart'
    },
    xAxis: {
        categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'],

        lineColor: '#FF0000',
                offset:0,

    },
    yAxis: {
        title: {
            text: 'Total fruit consumption'
        },
    },

    plotOptions: {
        series: {
              minPointLength: 3,
           // stacking: 'normal'
        }
    },
    series: [{
        name: 'John',
        data: [0, 0, 0, 0, 0]
    }, {
        name: 'Jane',
        data: [0, 0, 0, 0, 0]
    }, {
        name: 'Joe',
        data: [0, 0, 0, 0, 0]
    }]
});
0
aWebDeveloper 15 अप्रैल 2020, 21:59

1 उत्तर

सबसे बढ़िया उत्तर

हाईचार्ट्स yAxis पर चरम सीमाओं की गणना करने में सक्षम नहीं हैं, इसलिए टिक 0 को बीच में रखा गया है। इसके अतिरिक्त, column श्रृंखला में threshold के लिए डिफ़ॉल्ट मान 0 है। उदाहरण के लिए आप softMax संपत्ति का उपयोग करके चरम सीमाओं की गणना करने के लिए बाध्य कर सकते हैं।

yAxis: {
  ...,
  softMax: 1
}

लाइव डेमो: https://jsfiddle.net/BlackLabel/08ohe6m3/

एपीआई संदर्भ:

https://api.highcharts.com/highcharts/series.column.threshold

https://api.highcharts.com/highcharts/yAxis.softMax

0
ppotaczek 16 अप्रैल 2020, 10:32