Reagálnak highcharts, show legendák, mint bar

szavazat
0

1 : ez a kód megjelenítésére legendák, mint kör, <<<

Highcharts.chart ( 'flow', {chart: {plotBackgroundColor: null, plotBorderWidth: null, plotShadow: hamis, típus: 'pite', szélesség: 500, magasság: 260, stílus: {marginBottom: 30px}}, cím : {text: 'Flow', x: 90, Y: 80, stílus: {fontSize: 25 képpont, fontWeight: 600}}, elemleírás: {pointFormat: „{series.name}: {point.percentage: .1f }% '}, plotOptions: {pie: {allowPointSelect: igaz, kurzort: 'mutatót', dataLabels: {engedélyezve: igaz, távolság: -30, szín:' fehér 'fontSize: '9px', méret:' {pont .percentage: .1f}% 'stílusa: {textOutline: false}} showInLegend: true}} kredit: {engedélyezve: false} legenda: {align: 'helyes', elrendezése: 'vertikális', VerticalAlign:' középső”, x: -100, Y: 90,}, sorozat: [{neve: 'Flow', colorByPoint: igaz, adatok: [{neve: 'tulajdonában', y: 74, szín: # f5990f}, {neve: 'meghívott', y: 36, szín: # fce61e}]}]});

Highcharts.chart ( 'flow', {chart: {plotBackgroundColor: null, plotBorderWidth: null, plotShadow: hamis, típus: 'pite', szélesség: 500, magasság: 260, stílus: {marginBottom: 30px}}, cím : {text: 'Flow', x: 90, Y: 80, stílus: {fontSize: 25 képpont, fontWeight: 600}}, elemleírás: {pointFormat: „{series.name}: {point.percentage: .1f }% '}, plotOptions: {pie: {allowPointSelect: igaz, kurzort: 'mutatót', dataLabels: {engedélyezve: igaz, távolság: -30, szín:' fehér 'fontSize: '9px', méret:' {pont .percentage: .1f}% 'stílusa: {textOutline: false}} showInLegend: true}} kredit: {engedélyezve: false} legenda: {align: 'helyes', elrendezése: 'vertikális', VerticalAlign:' középső”, x: -100, Y: 90,}, sorozat: [{neve: 'Flow', colorByPoint: igaz, adatok: [{neve: 'tulajdonában', y: 74, szín: # f5990f}, {neve: 'meghívott', y: 36, szín: # fce61e}]}]}); Ez a követelmény, a legendák fel kell tüntetni, bár

Saját követelmény a legendák fel kell tüntetni, bár helyett körök

A kérdést 24/10/2019 12:02
a forrás felhasználó
Más nyelveken...                            


1 válasz

szavazat
0

Létrehozhat további columndiagramok és vetik alá őket, a legenda tételek:

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';
        }
    }
}

Élő demo: http://jsfiddle.net/BlackLabel/wsc4be92/

Válaszolt 25/10/2019 12:18
a forrás felhasználó

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