亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

顯示分組堆疊柱形圖的圖例 - highhcarts

顯示分組堆疊柱形圖的圖例 - highhcarts

POPMUISE 2023-07-14 16:39:39
我正在使用 highcharts 來呈現柱形圖。由于它是分組堆疊柱形圖,目前我得到的圖例名稱重復,正如您在小提琴中看到的那樣:http://jsfiddle.net/z7aLr6cu/我試圖只呈現傳說中唯一的名字;就我而言:john fem我基本上是想一起支持所有的傳奇(約翰=>藍柱系列+綠色+紫色)代碼:$(function () {        $('#container').highcharts({                chart: {                type: 'bar'            },                title: {                text: 'Total fruit consumtion, grouped by gender'            },                xAxis: {                categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']            },                yAxis: {                allowDecimals: false,                min: 0,                title: {                    text: 'Number of fruits'                }            },                tooltip: {                formatter: function() {                    return '<b>'+ this.x +'</b><br/>'+                        this.series.name +': '+ this.y +'<br/>'+                        'Total: '+ this.point.stackTotal;                }            },                plotOptions: {                bar: {                    stacking: 'normal'                }            },                series: [{                name: "Confirmed",                                stack: "ACTIVE",                data: [4740, 1378, 8]            }, {                data: [2932, 141],                name: "Potential",                stack: "ACTIVE"            }, {                data: [1752, 11],                name: "Confirmed",                stack: "REOPENED"            },{            data: [1089, 2],            name: "Potential",            stack: "REOPENED"            },{            data: [2332, 1960, 42],              name: "Potential",              stack: "NEW"            },{            data:[480, 4684, 2258],            name: "Confirmed",            stack: "NEW"            }]        });    });這可能嗎
查看完整描述

1 回答

?
慕桂英4014372

TA貢獻1871條經驗 獲得超13個贊

使用linkedTo屬性:


series: [{

  ...,

  id: 'john'

}, {

  ...,

  id: 'fem'

}, {

  ...,

  linkedTo: 'john'

}, {

  ...,

  linkedTo: 'fem'

}, {

  ...,

  linkedTo: 'john'

}, {

  ...,

  linkedTo: 'fem'

}]

現場演示: http: //jsfiddle.net/BlackLabel/a4sog5xb/


API 參考: https ://api.highcharts.com/highcharts/series.bubble.linkedTo


查看完整回答
反對 回復 2023-07-14
  • 1 回答
  • 0 關注
  • 135 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號