删除系列,但将工具提示保留在堆栈列高图上

时间:2020-01-20 20:03:21

标签: javascript highcharts

我在highchart列(堆栈)中存在一些问题,我想删除特殊序列,但保留该序列的工具提示。我尝试在highchart(区域)中工作,但在列(堆栈)中根本不工作。

enter image description here

我要删除此系列,但保留工具提示。 这是我的图表代码。

var chart = Highcharts.chart('container', {
                    chart: {
                        type: 'column'
                    },
                    tooltip: {
                        formatter: function () {
                            var s = "<table style='border:1px solid #666;padding:5px'>"

                            $.each(this.points, function () {
                                var satauan = 'Kg';
                                var upcoming_price  = '';
                                var pending_price   = '';
                                if(this.series.name == "Upcoming Price"){
                                    upcoming_price += "<td style='padding:5px; border: 1px solid #ddd'>"+this.y.toFixed(2)+"</td>";
                                }
                                if(this.series.name == "Pending Price"){
                                    pending_price += "<td style='padding:5px; border: 1px solid #ddd'>"+this.y.toFixed(2)+"</td>";
                                }
                                console.log(this.series.name);
                                if(this.series.name == "Upcoming Delivery"){
                                    s += "<tr><td><li style='list-style-type:square;font-size:15pt;color:"+this.series.color+";padding-left:10px;border-bottom: 1px solid #666;padding-bottom:5px'></li>"+
                                        "</td><td style=\"padding:5px;border:1px solid #666\">"+this.series.name+": </td>" +
                                        "<td style=\"padding:5px;border:1px solid #666\"><b>"+this.y.toFixed(2)+" "+satauan+"</b></td>"+upcoming_price+"</tr>";
                                }
                                if(this.series.name == "Pending For Payment"){
                                    s += "<tr><td><li style='list-style-type:square;font-size:15pt;color:"+this.series.color+";padding-left:10px;border-bottom: 1px solid #666;padding-bottom:5px'></li>"+
                                        "</td><td style=\"padding:5px;border:1px solid #666\">"+this.series.name+": </td>" +
                                        "<td style=\"padding:5px;border:1px solid #666\"><b>"+this.y.toFixed(2)+" "+satauan+"</b></td>"+pending_price+"</tr>";
                                }
                            });
                            s += "</table>"
                            return s;
                        },
                        shared: true,
                        useHTML: true
                    },
                    plotOptions: {
                        column: {
                            stacking: 'normal',
                            dataLabels: {
                                enabled: true,
                                color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                            }
                        }
                    },
                    series: [data.data[0], data.data[1]]
                });

在面积图中,此代码有效,但in列中的代码根本没有运行。

var series = $('#container').highcharts().series[2];
                series.update({
                    marker: {
                        enabled: false,
                        states: {
                            hover: {
                                enabled: false
                            }
                        }
                    },
                    showInLegend:false
                });
                series.group.hide();
有什么线索吗?在highchart文档中,我找不到我想要的东西。

0 个答案:

没有答案
相关问题