bar olarak Highcharts, gösteri efsaneleri Tepki

oy
0

1 : Bu kod <<<, daire gibi efsaneleri görüntülüyor

Highcharts.chart ( 'akış', {grafik: {plotBackgroundColor: null, plotShadow: yanlış, türü: 'pasta', genişlik: 500, yükseklik: 260, stili: {marginBottom: plotBorderWidth, boş 30px}} başlıktaki : {metin: 'Akış', x: 90, y: 80, stili: {fontSize: 25 piksel, fontWeight: 600}} ipucu: {pointFormat: '{series.name} {point.percentage: .1f }% '}, plotOptions: {pasta: {allowPointSelect: true, imleci: 'işaretçi', dataLabels: {etkin: true, mesafe: -30, renk:': 'biçim: '9px', fontSize' beyaz {noktası .percentage: .1f}% 'stil: {textOutline:}} yanlış, showInLegend: true}} kredisi: {etkin: false}, efsane: {align: 'hakkı', düzen: 'dikey', verticalAlign:' orta', x: -100, y: 90}, seri: [{adı: 'Akış', colorByPoint: gerçek, veri: [{adı: '' sahip olunan, y: 74, renk: # f5990f}, {adı: 'davet', y: 36, renk: # fce61e}]}]});

Highcharts.chart ( 'akış', {grafik: {plotBackgroundColor: null, plotShadow: yanlış, türü: 'pasta', genişlik: 500, yükseklik: 260, stili: {marginBottom: plotBorderWidth, boş 30px}} başlıktaki : {metin: 'Akış', x: 90, y: 80, stili: {fontSize: 25 piksel, fontWeight: 600}} ipucu: {pointFormat: '{series.name} {point.percentage: .1f }% '}, plotOptions: {pasta: {allowPointSelect: true, imleci: 'işaretçi', dataLabels: {etkin: true, mesafe: -30, renk:': 'biçim: '9px', fontSize' beyaz {noktası .percentage: .1f}% 'stil: {textOutline:}} yanlış, showInLegend: true}} kredisi: {etkin: false}, efsane: {align: 'hakkı', düzen: 'dikey', verticalAlign:' orta', x: -100, y: 90}, seri: [{adı: 'Akış', colorByPoint: gerçek, veri: [{adı: '' sahip olunan, y: 74, renk: # f5990f}, {adı: 'davet', y: 36, renk: # fce61e}]}]}); Bu gereklilik olduğunu, efsaneler çubuğu olarak görüntülenmesi gerektiğini

Benim gereksinimi efsaneler çevrelerin yerine çubuğu olarak görüntülenmesi gerektiğini olduğunu

Oluştur 24/10/2019 saat 12:02
kaynak kullanıcı
Diğer dillerde...                            


1 cevaplar

oy
0

Ek oluşturabilir columnçizelgeleri ve efsane öğeleri altına yerleştirin:

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

Canlı tanıtım: http://jsfiddle.net/BlackLabel/wsc4be92/

Cevap 25/10/2019 saat 12:18
kaynak kullanıcı

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