Αντιδρούν highcharts, δείχνουν θρύλους όπως μπαρ

ψήφοι
0

1 : αυτός ο κώδικας εμφανίζει τους μύθους ως κύκλο, <<<

Highcharts.chart ( 'ροή', {διάγραμμα: {plotBackgroundColor: null, plotBorderWidth: null, plotShadow: ψευδής, τύπος: 'πίτα', πλάτος: 500, ύψος: 260, στυλ: {marginBottom: 30px}}, τίτλος : {κείμενο: 'ροή', x: 90, y: 80, το ύφος: {Μέγεθος γραμματοσειράς: 25 εικονοστοιχεία, fontWeight: 600}}, tooltip: {pointFormat: «{series.name}: {point.percentage: .1f }% '}, plotOptions: {πίτα: {allowPointSelect: αλήθεια, δρομέα: 'δείκτη', dataLabels: {ενεργοποιημένη: αλήθεια, απόσταση: -30, χρώμα:' λευκό 'Μέγεθος γραμματοσειράς: '9px', μορφή:' {σημείο .percentage: .1f}% 'το ύφος: {textOutline: false}}, showInLegend: αλήθεια}}, πιστώσεις: {ενεργοποιημένη: false}, μύθος: {ευθυγράμμιση: 'δεξιά', διάταξη: 'κάθετη', verticalAlign:' μεσαία», x: -100, y: 90,}, σειρά: [{όνομα: 'ροή', colorByPoint: αλήθεια, δεδομένα: [{όνομα: 'ανήκει', y: 74, χρώμα: # f5990f}, {όνομα: 'Προσκεκλημένοι', y: 36, χρώμα: # fce61e}]}]})?

Highcharts.chart ( 'ροή', {διάγραμμα: {plotBackgroundColor: null, plotBorderWidth: null, plotShadow: ψευδής, τύπος: 'πίτα', πλάτος: 500, ύψος: 260, στυλ: {marginBottom: 30px}}, τίτλος : {κείμενο: 'ροή', x: 90, y: 80, το ύφος: {Μέγεθος γραμματοσειράς: 25 εικονοστοιχεία, fontWeight: 600}}, tooltip: {pointFormat: «{series.name}: {point.percentage: .1f }% '}, plotOptions: {πίτα: {allowPointSelect: αλήθεια, δρομέα: 'δείκτη', dataLabels: {ενεργοποιημένη: αλήθεια, απόσταση: -30, χρώμα:' λευκό 'Μέγεθος γραμματοσειράς: '9px', μορφή:' {σημείο .percentage: .1f}% 'το ύφος: {textOutline: false}}, showInLegend: αλήθεια}}, πιστώσεις: {ενεργοποιημένη: false}, μύθος: {ευθυγράμμιση: 'δεξιά', διάταξη: 'κάθετη', verticalAlign:' μεσαία», x: -100, y: 90,}, σειρά: [{όνομα: 'ροή', colorByPoint: αλήθεια, δεδομένα: [{όνομα: 'ανήκει', y: 74, χρώμα: # f5990f}, {όνομα: 'Προσκεκλημένοι', y: 36, χρώμα: # fce61e}]}]})? Αυτή είναι η απαίτηση, οι μύθοι πρέπει να εμφανίζεται ως μπαρ

απαίτηση μου είναι οι μύθοι πρέπει να εμφανίζεται ως γραμμή αντί για κύκλους

Δημοσιεύθηκε 24/10/2019 στις 12:02
πηγή χρήστη
Σε άλλες γλώσσες...                            


1 απαντήσεις

ψήφοι
0

Μπορείτε να δημιουργήσετε πρόσθετα columnδιαγράμματα και να τα τοποθετήσετε κάτω από τα στοιχεία μύθο:

chart: {
    events: {
        load: function() {
            var columnChart1 = Highcharts.chart("columnChart1", columnChartOptions),
                columnChart2,
                xPos = this.legend.group.translateX,
                yPos = this.legend.group.translateY,
                items = this.legend.allItems;

            columnChartOptions.series[0].data = [76];
            columnChartOptions.series[0].color = 'yellow';
            columnChart2 = Highcharts.chart("columnChart2", columnChartOptions);

            columnChart1.renderTo.style.top = yPos + 50 + 15 + items[0]._legendItemPos[1] + 'px';
            columnChart1.renderTo.style.left = xPos + 'px';

            columnChart2.renderTo.style.top = yPos + 50 + 15 + items[1]._legendItemPos[1] + 'px';
            columnChart2.renderTo.style.left = xPos + 'px';
        }
    }
}

Ζωντανή επίδειξη: http://jsfiddle.net/BlackLabel/wsc4be92/

Απαντήθηκε 25/10/2019 στις 12:18
πηγή χρήστη

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more