具有 yaxis max 属性的 Highcharts 不会隐藏绘图带和标签

2024-05-17

我创建了两个 jsfiddle 来演示我的问题。第一个 jsfiddle 是我需要的,第二个 jsfiddle 是我遇到的问题。

这个jsfiddle(https://jsfiddle.net/n5ua6krj/1/ https://jsfiddle.net/n5ua6krj/1/) 没有最大轴[0],然后单击两个图例,它会隐藏绘图带、x 轴标签和网格线。这很好用。

这个jsfiddle(https://jsfiddle.net/n5ua6krj/ https://jsfiddle.net/n5ua6krj/) 的 max of axis[0] 为 100,然后单击两个图例,它不会隐藏绘图带、x 轴标签和网格线。这是我的情况下的问题。我想要与上面相同的行为。

Highcharts.chart('container', {
        chart: {
            height: 222,
            plotBorderColor: '#BFBFBF',
            plotBorderWidth: 1,
            spacingTop: 2.5,
            spacingLeft: 0,
            spacingRight: 1,
            spacingBottom: 0,
        },
        title: {
            text: null
        },
        credits: {
            enabled: false
        },
        legend: {
            align: 'left',
            itemStyle: {
                color: "#000",
                fontSize: "11px !important",
                fontWeight: "bold",
                textOverflow: null
            },
            symbolWidth: 20,
            x: 17,
            itemMarginBottom: 4,
            margin: 6
        },
        xAxis: {
                minPadding: 0.07,
            maxPadding: 0.02,
            type: 'datetime',
            dateTimeLabelFormats: {
                week: '%b<br/>%Y',
                month: '%b<br/>%Y',
                year: '%Y'
            },
            labels: {
                style: {
                    fontSize: "10px !important",
                    color: "#000"
                },
                x: 15
            },
            gridLineColor: "transparent",
            gridLineWidth: 0,
            lineWidth: 0,
            minorGridLineWidth: 0,
            lineColor: "transparent",
            tickLength: 0,
            style: {
                fontSize: "10px !important",
                color: "#000"
            }
        },
        yAxis: [
            {
                min: 0,
                //max: 100, ----------> uncomment it and clicks on both the legends to see the issue
                width: 20,
                tickInterval: 20,
                plotBands: [
                    {
                        color: 'rgb(204,0,0)',
                        from: 0,
                        to: 30.99,
                        zIndex: 3
                    },
                    {
                        color: 'rgb(226,113,113)',
                        from: 31,
                        to: 44.99,
                        zIndex: 3
                    },
                    {
                        color: 'rgb(247,209,34)',
                        from: 45,
                        to: 54.99,
                        zIndex: 3
                    },
                    {
                        color: 'rgb(136,207,136)',
                        from: 55,
                        to: 68.99,
                        zIndex: 3
                    },
                    {
                        color: 'rgb(68,180,68)',
                        from: 69,
                        to: 87.99,
                        zIndex: 3
                    },
                    {
                        color: 'rgb(0,153,0)',
                        from: 88,
                        to: 100,
                        zIndex: 3
                    }
                ],
                gridLineWidth: 0.5,
                title: {
                    text: ""
                },
                labels: {
                    style: {
                        fontWeight: 'bold',
                        color: 'black'
                    },
                    x: -7,
                    y: 5,
                    formatter: function () {
                        return this.value;
                    }
                }
            },
            {
                linkedTo: 0,
                title: {
                    text: ""
                },
                labels: {
                    enabled: false
                }
            }
        ],
        plotOptions: {
            column: {
                dataLabels: {
                    enabled: true,
                    formatter() {
                        return "";
                    }
                }
            },
            series: {
                    animation: false,
                    turboThreshold: 0,
                    cursor: 'pointer',
                states: {
                    hover: {
                        enabled: true
                    },
                    inactive: {
                        opacity: 1
                    }
                },
                enableMouseTracking: true,
                borderWidth: 1,
                borderColor: "#FFFFFF",
                threshold: 0, // let zero values have some height
                marker: {
                    enabled: false,
                    radius: 2
                },
                minPointLength: 10,
                events: {
                    legendItemClick: function () {
                        return true;
                    }
                }
            }
        },
        tooltip: {
            useHTML: false,
            shared: false,
            followPointer: false,
            formatter: function () {
                return this.point.y;
            }
        },
        series: [
        {
                    "color": "rgb(0,187,221)",
                    "data": [
                    { 'x': 1594578600000, 'y':73}, { 'x': 1594665000000, 'y':72}, { 'x': 1594751400000, 'y':72}, { 'x': 1594837800000, 'y':72}, { 'x': 1594924200000, 'y':72}, { 'x': 1595183400000, 'y':72}, { 'x': 1595269800000, 'y':72}, { 'x': 1595356200000, 'y':72}, { 'x': 1595442600000, 'y':72}, { 'x': 1595529000000, 'y':72}, { 'x': 1595788200000, 'y':72}, { 'x': 1595874600000, 'y':72}, { 'x': 1595961000000, 'y':72}, { 'x': 1596047400000, 'y':72}, { 'x': 1596133800000, 'y':72}, { 'x': 1596393000000, 'y':72}, { 'x': 1596479400000, 'y':72}, { 'x': 1596565800000, 'y':72}, { 'x': 1596652200000, 'y':72}, { 'x': 1596738600000, 'y':72}, { 'x': 1596997800000, 'y':72}, { 'x': 1597084200000, 'y':72}, { 'x': 1597170600000, 'y':72}, { 'x': 1597257000000, 'y':72}, { 'x': 1597343400000, 'y':72}, { 'x': 1597602600000, 'y':72}, { 'x': 1597689000000, 'y':72}, { 'x': 1597775400000, 'y':72}, { 'x': 1597861800000, 'y':72}, { 'x': 1597948200000, 'y':72}, { 'x': 1598207400000, 'y':72}, { 'x': 1598293800000, 'y':72}, { 'x': 1598380200000, 'y':72}, { 'x': 1598466600000, 'y':72}, { 'x': 1598553000000, 'y':72}, { 'x': 1598812200000, 'y':72}, { 'x': 1598898600000, 'y':72}, { 'x': 1598985000000, 'y':72}, { 'x': 1599071400000, 'y':72}, { 'x': 1599157800000, 'y':72}, { 'x': 1599417000000, 'y':72}, { 'x': 1599503400000, 'y':72}, { 'x': 1599589800000, 'y':72}, { 'x': 1599676200000, 'y':72}, { 'x': 1599762600000, 'y':72}, { 'x': 1600021800000, 'y':72}, { 'x': 1600108200000, 'y':72}, { 'x': 1600194600000, 'y':72}, { 'x': 1600281000000, 'y':72}, { 'x': 1600367400000, 'y':72}, { 'x': 1600626600000, 'y':72}, { 'x': 1600713000000, 'y':72}, { 'x': 1600799400000, 'y':72}, { 'x': 1600885800000, 'y':71}, { 'x': 1600972200000, 'y':71}, { 'x': 1601231400000, 'y':72}, { 'x': 1601317800000, 'y':72}, { 'x': 1601404200000, 'y':72}, { 'x': 1601490600000, 'y':72}, { 'x': 1601577000000, 'y':72}, { 'x': 1601836200000, 'y':72}, { 'x': 1601922600000, 'y':72}, { 'x': 1602009000000, 'y':72}, { 'x': 1602095400000, 'y':72}, { 'x': 1602181800000, 'y':72}, { 'x': 1602441000000, 'y':72}, { 'x': 1602527400000, 'y':72}, { 'x': 1602613800000, 'y':72}, { 'x': 1602700200000, 'y':72}, { 'x': 1602786600000, 'y':72}, { 'x': 1603045800000, 'y':72}, { 'x': 1603132200000, 'y':71}, { 'x': 1603218600000, 'y':71}, { 'x': 1603305000000, 'y':71}, { 'x': 1603391400000, 'y':71}, { 'x': 1603650600000, 'y':71}, { 'x': 1603737000000, 'y':72}, { 'x': 1603823400000, 'y':71}, { 'x': 1603909800000, 'y':72}, { 'x': 1603996200000, 'y':70}, { 'x': 1604255400000, 'y':70}, { 'x': 1604341800000, 'y':70}, { 'x': 1604428200000, 'y':71}, { 'x': 1604514600000, 'y':71}, { 'x': 1604601000000, 'y':72}, { 'x': 1604860200000, 'y':71}, { 'x': 1604946600000, 'y':70}, { 'x': 1605033000000, 'y':70}, { 'x': 1605119400000, 'y':70}, { 'x': 1605205800000, 'y':70}, { 'x': 1605465000000, 'y':70}, { 'x': 1605551400000, 'y':70}, { 'x': 1605637800000, 'y':70}, { 'x': 1605724200000, 'y':70}, { 'x': 1605810600000, 'y':70}, { 'x': 1606069800000, 'y':70}, { 'x': 1606156200000, 'y':70}, { 'x': 1606242600000, 'y':70}, { 'x': 1606329000000, 'y':70}, { 'x': 1606415400000, 'y':70}, { 'x': 1606674600000, 'y':70}, { 'x': 1606761000000, 'y':70}, { 'x': 1606847400000, 'y':70}, { 'x': 1606933800000, 'y':70}, { 'x': 1607020200000, 'y':70}, { 'x': 1607279400000, 'y':70}, { 'x': 1607365800000, 'y':70}, { 'x': 1607452200000, 'y':70}, { 'x': 1607538600000, 'y':70}, { 'x': 1607625000000, 'y':70}, { 'x': 1607884200000, 'y':70}, { 'x': 1607970600000, 'y':70}, { 'x': 1608057000000, 'y':70}, { 'x': 1608143400000, 'y':70}, { 'x': 1608229800000, 'y':69}, { 'x': 1608489000000, 'y':70}, { 'x': 1608575400000, 'y':70}, { 'x': 1608661800000, 'y':70}, { 'x': 1608748200000, 'y':70}, { 'x': 1608834600000, 'y':70}, { 'x': 1609093800000, 'y':71}, { 'x': 1609180200000, 'y':71}, { 'x': 1609266600000, 'y':71}, { 'x': 1609353000000, 'y':70}, { 'x': 1609439400000, 'y':70}, { 'x': 1609698600000, 'y':70}, { 'x': 1609785000000, 'y':70}, { 'x': 1609871400000, 'y':70}, { 'x': 1609957800000, 'y':70}, { 'x': 1610044200000, 'y':70}, { 'x': 1610303400000, 'y':70}, { 'x': 1610389800000, 'y':70}, { 'x': 1610476200000, 'y':70}, { 'x': 1610562600000, 'y':70}, { 'x': 1610649000000, 'y':70}, { 'x': 1610908200000, 'y':70}, { 'x': 1610994600000, 'y':70}, { 'x': 1611081000000, 'y':70}, { 'x': 1611167400000, 'y':70}, { 'x': 1611253800000, 'y':70}, { 'x': 1611513000000, 'y':71}, { 'x': 1611599400000, 'y':71}, { 'x': 1611685800000, 'y':70}, { 'x': 1611772200000, 'y':70}, { 'x': 1611858600000, 'y':70}, { 'x': 1612117800000, 'y':70}, { 'x': 1612204200000, 'y':71}, { 'x': 1612290600000, 'y':70}, { 'x': 1612377000000, 'y':71}, { 'x': 1612463400000, 'y':71}, { 'x': 1612722600000, 'y':71}, { 'x': 1612809000000, 'y':71}, { 'x': 1612895400000, 'y':71}, { 'x': 1612981800000, 'y':71}, { 'x': 1613068200000, 'y':71}, { 'x': 1613327400000, 'y':71}, { 'x': 1613413800000, 'y':71}, { 'x': 1613500200000, 'y':71}, { 'x': 1613586600000, 'y':71}, { 'x': 1613673000000, 'y':72}, { 'x': 1613932200000, 'y':72}, { 'x': 1614018600000, 'y':72}, { 'x': 1614105000000, 'y':72}, { 'x': 1614191400000, 'y':71}, { 'x': 1614277800000, 'y':71}, { 'x': 1614537000000, 'y':72}, { 'x': 1614623400000, 'y':72}, { 'x': 1614709800000, 'y':72}, { 'x': 1614796200000, 'y':72}, { 'x': 1614882600000, 'y':72}, { 'x': 1615141800000, 'y':72}, { 'x': 1615228200000, 'y':72}, { 'x': 1615314600000, 'y':72}, { 'x': 1615401000000, 'y':72}, { 'x': 1615487400000, 'y':72}, { 'x': 1615746600000, 'y':72}, { 'x': 1615833000000, 'y':72}, { 'x': 1615919400000, 'y':72}, { 'x': 1616005800000, 'y':72}, { 'x': 1616092200000, 'y':72}, { 'x': 1616351400000, 'y':72}, { 'x': 1616437800000, 'y':72}, { 'x': 1616524200000, 'y':72}, { 'x': 1616610600000, 'y':72}, { 'x': 1616697000000, 'y':72}, { 'x': 1616956200000, 'y':72}, { 'x': 1617042600000, 'y':72}, { 'x': 1617129000000, 'y':72}, { 'x': 1617215400000, 'y':72}, { 'x': 1617301800000, 'y':72}, { 'x': 1617561000000, 'y':72}, { 'x': 1617647400000, 'y':72}, { 'x': 1617733800000, 'y':72}, { 'x': 1617820200000, 'y':72}, { 'x': 1617906600000, 'y':72}, { 'x': 1618165800000, 'y':72}, { 'x': 1618252200000, 'y':72}, { 'x': 1618338600000, 'y':72}, { 'x': 1618425000000, 'y':72}, { 'x': 1618511400000, 'y':72}, { 'x': 1618770600000, 'y':72}, { 'x': 1618857000000, 'y':72}, { 'x': 1618943400000, 'y':72}, { 'x': 1619029800000, 'y':72}, { 'x': 1619116200000, 'y':72}, { 'x': 1619375400000, 'y':72}, { 'x': 1619461800000, 'y':72}, { 'x': 1619548200000, 'y':72}, { 'x': 1619634600000, 'y':72}, { 'x': 1619721000000, 'y':72}, { 'x': 1619980200000, 'y':72}, { 'x': 1620066600000, 'y':72}, { 'x': 1620153000000, 'y':72}, { 'x': 1620239400000, 'y':72}, { 'x': 1620325800000, 'y':72}, { 'x': 1620585000000, 'y':72}, { 'x': 1620671400000, 'y':72}, { 'x': 1620757800000, 'y':72}, { 'x': 1620844200000, 'y':72}, { 'x': 1620930600000, 'y':72}, { 'x': 1621189800000, 'y':72}, { 'x': 1621276200000, 'y':72}, { 'x': 1621362600000, 'y':72}, { 'x': 1621449000000, 'y':72}, { 'x': 1621535400000, 'y':72}, { 'x': 1621794600000, 'y':72}, { 'x': 1621881000000, 'y':72}, { 'x': 1621967400000, 'y':72}, { 'x': 1622053800000, 'y':72}, { 'x': 1622140200000, 'y':72}, { 'x': 1622399400000, 'y':72}, { 'x': 1622485800000, 'y':72}, { 'x': 1622572200000, 'y':72}, { 'x': 1622658600000, 'y':72}, { 'x': 1622745000000, 'y':72}, { 'x': 1623004200000, 'y':72}, { 'x': 1623090600000, 'y':72}, { 'x': 1623177000000, 'y':72}, { 'x': 1623263400000, 'y':72}
                 ],
                    "name": 'ABC',
                    "type": 'spline',
                    "category": "ABC"
                },
                {
                    "color": "rgb(154,2,42)",
                    "data": [
                    { 'x': 1594578600000, 'y':73}, { 'x': 1594665000000, 'y':72}, { 'x': 1594751400000, 'y':72}, { 'x': 1594837800000, 'y':72}, { 'x': 1594924200000, 'y':72}, { 'x': 1595183400000, 'y':72}, { 'x': 1595269800000, 'y':72}, { 'x': 1595356200000, 'y':72}, { 'x': 1595442600000, 'y':72}, { 'x': 1595529000000, 'y':72}, { 'x': 1595788200000, 'y':72}, { 'x': 1595874600000, 'y':72}, { 'x': 1595961000000, 'y':72}, { 'x': 1596047400000, 'y':72}, { 'x': 1596133800000, 'y':72}, { 'x': 1596393000000, 'y':72}, { 'x': 1596479400000, 'y':72}, { 'x': 1596565800000, 'y':72}, { 'x': 1596652200000, 'y':72}, { 'x': 1596738600000, 'y':72}, { 'x': 1596997800000, 'y':72}, { 'x': 1597084200000, 'y':72}, { 'x': 1597170600000, 'y':72}, { 'x': 1597257000000, 'y':72}, { 'x': 1597343400000, 'y':72}, { 'x': 1597602600000, 'y':72}, { 'x': 1597689000000, 'y':72}, { 'x': 1597775400000, 'y':72}, { 'x': 1597861800000, 'y':72}, { 'x': 1597948200000, 'y':72}, { 'x': 1598207400000, 'y':72}, { 'x': 1598293800000, 'y':72}, { 'x': 1598380200000, 'y':72}, { 'x': 1598466600000, 'y':72}, { 'x': 1598553000000, 'y':72}, { 'x': 1598812200000, 'y':72}, { 'x': 1598898600000, 'y':72}, { 'x': 1598985000000, 'y':72}, { 'x': 1599071400000, 'y':72}, { 'x': 1599157800000, 'y':72}, { 'x': 1599417000000, 'y':72}, { 'x': 1599503400000, 'y':72}, { 'x': 1599589800000, 'y':72}, { 'x': 1599676200000, 'y':72}, { 'x': 1599762600000, 'y':72}, { 'x': 1600021800000, 'y':72}, { 'x': 1600108200000, 'y':72}, { 'x': 1600194600000, 'y':72}, { 'x': 1600281000000, 'y':72}, { 'x': 1600367400000, 'y':72}, { 'x': 1600626600000, 'y':72}, { 'x': 1600713000000, 'y':72}, { 'x': 1600799400000, 'y':72}, { 'x': 1600885800000, 'y':71}, { 'x': 1600972200000, 'y':71}, { 'x': 1601231400000, 'y':72}, { 'x': 1601317800000, 'y':72}, { 'x': 1601404200000, 'y':72}, { 'x': 1601490600000, 'y':72}, { 'x': 1601577000000, 'y':72}, { 'x': 1601836200000, 'y':72}, { 'x': 1601922600000, 'y':72}, { 'x': 1602009000000, 'y':72}, { 'x': 1602095400000, 'y':72}, { 'x': 1602181800000, 'y':72}, { 'x': 1602441000000, 'y':72}, { 'x': 1602527400000, 'y':72}, { 'x': 1602613800000, 'y':72}, { 'x': 1602700200000, 'y':72}, { 'x': 1602786600000, 'y':72}, { 'x': 1603045800000, 'y':72}, { 'x': 1603132200000, 'y':71}, { 'x': 1603218600000, 'y':71}, { 'x': 1603305000000, 'y':71}, { 'x': 1603391400000, 'y':71}, { 'x': 1603650600000, 'y':71}, { 'x': 1603737000000, 'y':72}, { 'x': 1603823400000, 'y':71}, { 'x': 1603909800000, 'y':72}, { 'x': 1603996200000, 'y':70}, { 'x': 1604255400000, 'y':70}, { 'x': 1604341800000, 'y':70}, { 'x': 1604428200000, 'y':71}, { 'x': 1604514600000, 'y':71}, { 'x': 1604601000000, 'y':72}, { 'x': 1604860200000, 'y':71}, { 'x': 1604946600000, 'y':70}, { 'x': 1605033000000, 'y':70}, { 'x': 1605119400000, 'y':70}, { 'x': 1605205800000, 'y':70}, { 'x': 1605465000000, 'y':70}, { 'x': 1605551400000, 'y':70}, { 'x': 1605637800000, 'y':70}, { 'x': 1605724200000, 'y':70}, { 'x': 1605810600000, 'y':70}, { 'x': 1606069800000, 'y':70}, { 'x': 1606156200000, 'y':70}, { 'x': 1606242600000, 'y':70}, { 'x': 1606329000000, 'y':70}, { 'x': 1606415400000, 'y':70}, { 'x': 1606674600000, 'y':70}, { 'x': 1606761000000, 'y':70}, { 'x': 1606847400000, 'y':70}, { 'x': 1606933800000, 'y':70}, { 'x': 1607020200000, 'y':70}, { 'x': 1607279400000, 'y':70}, { 'x': 1607365800000, 'y':70}, { 'x': 1607452200000, 'y':70}, { 'x': 1607538600000, 'y':70}, { 'x': 1607625000000, 'y':70}, { 'x': 1607884200000, 'y':70}, { 'x': 1607970600000, 'y':70}, { 'x': 1608057000000, 'y':70}, { 'x': 1608143400000, 'y':70}, { 'x': 1608229800000, 'y':69}, { 'x': 1608489000000, 'y':70}, { 'x': 1608575400000, 'y':70}, { 'x': 1608661800000, 'y':70}, { 'x': 1608748200000, 'y':70}, { 'x': 1608834600000, 'y':70}, { 'x': 1609093800000, 'y':71}, { 'x': 1609180200000, 'y':71}, { 'x': 1609266600000, 'y':71}, { 'x': 1609353000000, 'y':70}, { 'x': 1609439400000, 'y':70}, { 'x': 1609698600000, 'y':70}, { 'x': 1609785000000, 'y':70}, { 'x': 1609871400000, 'y':70}, { 'x': 1609957800000, 'y':70}, { 'x': 1610044200000, 'y':70}, { 'x': 1610303400000, 'y':70}, { 'x': 1610389800000, 'y':70}, { 'x': 1610476200000, 'y':70}, { 'x': 1610562600000, 'y':70}, { 'x': 1610649000000, 'y':70}, { 'x': 1610908200000, 'y':70}, { 'x': 1610994600000, 'y':70}, { 'x': 1611081000000, 'y':70}, { 'x': 1611167400000, 'y':70}, { 'x': 1611253800000, 'y':70}, { 'x': 1611513000000, 'y':71}, { 'x': 1611599400000, 'y':71}, { 'x': 1611685800000, 'y':70}, { 'x': 1611772200000, 'y':70}, { 'x': 1611858600000, 'y':70}, { 'x': 1612117800000, 'y':70}, { 'x': 1612204200000, 'y':71}, { 'x': 1612290600000, 'y':70}, { 'x': 1612377000000, 'y':71}, { 'x': 1612463400000, 'y':71}, { 'x': 1612722600000, 'y':71}, { 'x': 1612809000000, 'y':71}, { 'x': 1612895400000, 'y':71}, { 'x': 1612981800000, 'y':71}, { 'x': 1613068200000, 'y':71}, { 'x': 1613327400000, 'y':71}, { 'x': 1613413800000, 'y':71}, { 'x': 1613500200000, 'y':71}, { 'x': 1613586600000, 'y':71}, { 'x': 1613673000000, 'y':72}, { 'x': 1613932200000, 'y':72}, { 'x': 1614018600000, 'y':72}, { 'x': 1614105000000, 'y':72}, { 'x': 1614191400000, 'y':71}, { 'x': 1614277800000, 'y':71}, { 'x': 1614537000000, 'y':72}, { 'x': 1614623400000, 'y':72}, { 'x': 1614709800000, 'y':72}, { 'x': 1614796200000, 'y':72}, { 'x': 1614882600000, 'y':72}, { 'x': 1615141800000, 'y':72}, { 'x': 1615228200000, 'y':72}, { 'x': 1615314600000, 'y':72}, { 'x': 1615401000000, 'y':72}, { 'x': 1615487400000, 'y':72}, { 'x': 1615746600000, 'y':72}, { 'x': 1615833000000, 'y':72}, { 'x': 1615919400000, 'y':72}, { 'x': 1616005800000, 'y':72}, { 'x': 1616092200000, 'y':72}, { 'x': 1616351400000, 'y':72}, { 'x': 1616437800000, 'y':72}, { 'x': 1616524200000, 'y':72}, { 'x': 1616610600000, 'y':72}, { 'x': 1616697000000, 'y':72}, { 'x': 1616956200000, 'y':72}, { 'x': 1617042600000, 'y':72}, { 'x': 1617129000000, 'y':72}, { 'x': 1617215400000, 'y':72}, { 'x': 1617301800000, 'y':72}, { 'x': 1617561000000, 'y':72}, { 'x': 1617647400000, 'y':72}, { 'x': 1617733800000, 'y':72}, { 'x': 1617820200000, 'y':72}, { 'x': 1617906600000, 'y':72}, { 'x': 1618165800000, 'y':72}, { 'x': 1618252200000, 'y':72}, { 'x': 1618338600000, 'y':72}, { 'x': 1618425000000, 'y':72}, { 'x': 1618511400000, 'y':72}, { 'x': 1618770600000, 'y':72}, { 'x': 1618857000000, 'y':72}, { 'x': 1618943400000, 'y':72}, { 'x': 1619029800000, 'y':72}, { 'x': 1619116200000, 'y':72}, { 'x': 1619375400000, 'y':72}, { 'x': 1619461800000, 'y':72}, { 'x': 1619548200000, 'y':72}, { 'x': 1619634600000, 'y':72}, { 'x': 1619721000000, 'y':72}, { 'x': 1619980200000, 'y':72}, { 'x': 1620066600000, 'y':72}, { 'x': 1620153000000, 'y':72}, { 'x': 1620239400000, 'y':72}, { 'x': 1620325800000, 'y':72}, { 'x': 1620585000000, 'y':72}, { 'x': 1620671400000, 'y':72}, { 'x': 1620757800000, 'y':72}, { 'x': 1620844200000, 'y':72}, { 'x': 1620930600000, 'y':72}, { 'x': 1621189800000, 'y':72}, { 'x': 1621276200000, 'y':72}, { 'x': 1621362600000, 'y':72}, { 'x': 1621449000000, 'y':72}, { 'x': 1621535400000, 'y':72}, { 'x': 1621794600000, 'y':72}, { 'x': 1621881000000, 'y':72}, { 'x': 1621967400000, 'y':72}, { 'x': 1622053800000, 'y':72}, { 'x': 1622140200000, 'y':72}, { 'x': 1622399400000, 'y':72}, { 'x': 1622485800000, 'y':72}, { 'x': 1622572200000, 'y':72}, { 'x': 1622658600000, 'y':72}, { 'x': 1622745000000, 'y':72}, { 'x': 1623004200000, 'y':72}, { 'x': 1623090600000, 'y':72}, { 'x': 1623177000000, 'y':72}, { 'x': 1623263400000, 'y':72}
                    ],
                    "name": 'XYZ',
                    "type": 'spline',
                    "category": "XYZ"
                }
        ]
    });

Use softMax代替max财产:

    yAxis: {
        min: 0,
        softMax: 100,
        ...
    }

现场演示: https://jsfiddle.net/BlackLabel/Lgvn0ux8/ https://jsfiddle.net/BlackLabel/Lgvn0ux8/

API参考: https://api.highcharts.com/highcharts/yAxis.softMax https://api.highcharts.com/highcharts/yAxis.softMax

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

具有 yaxis max 属性的 Highcharts 不会隐藏绘图带和标签 的相关文章

  • React Native 无法访问 Cloud Firestore 后端

    我之前使用的是 firebase 实时数据库 但现在想切换到 Cloud Firestore 但即使经过身份验证 也会收到以下错误 我目前正在使用 Android Simulator 尝试禁用我的实时数据库 但找不到解决方案 Firebas
  • 为什么我可以使用 Date 对象进行数学运算? [复制]

    这个问题在这里已经有答案了 当我像这样减去两个日期对象时 const startTime new Date await someAsyncStuff const endTime new Date const elapsedTime endT
  • 为什么Promise中的代码会同步执行? [复制]

    这个问题在这里已经有答案了 在我的项目中 我有一个很长时间运行的操作 所以我决定将其放入Promise因为我认为这样我就可以在里面的代码继续执行其他操作Promise正在跑步 调试的时候发现外面的代码Promise仅当里面的代码执行Prom
  • 如何在单击按钮时清除反应挂钩中的间隔

    我正在用反应钩子构建一个简单的计时器 我有两个按钮启动和重置 当我单击开始按钮时 handleStart 函数工作正常 计时器启动 但我不知道如何在单击重置按钮时重置计时器 这是我的代码 const App gt const timer s
  • 公开闭包内的方法

    当我们在闭包内创建一个方法时 该方法将成为该闭包的私有方法 并且在我们以某种方式公开它之前无法访问它 怎么可能暴露呢 您可以返回对它的引用 var a function var b function I m private alert go
  • 在 jQuery 选择器上使用正则表达式查找基于 ids 的所有元素

    我有几个具有唯一 id 的元素 如下所示 div div div div div div 我希望使用 jQuery 可以实现以下功能 item top each function this hide 我对正则表达式没有很好的掌握 希望得到一
  • 为什么这个递归函数返回未定义?

    我正在尝试编写一个使用递归组合两个字符串的函数 我的代码如下 但我不知道为什么该函数返回未定义 特别是当我在基本情况下使用 console log 时 它不会打印未定义而是打印正确的值 var str3 function merge str
  • 文件缓存:查询字符串与上次修改时间?

    我正在研究缓存网站资源的方法 并注意到大多数与我类似的网站都使用查询字符串来覆盖缓存 例如 css style css v 124942823 后来 我注意到每当我保存 style css 文件时 最后修改的标头都会 更新 使得查询字符串变
  • 将默认搜索文本添加到搜索框 html

    我正在努力将 搜索 文本添加到搜索框 我正在努力实现 onfocus 消失文本 And onblur 重新出现文本 到目前为止 我已经实现了这一点 但我必须将其硬编码为 html eg
  • 当rest api应用程序服务器(express)和Angulars js应用程序在不同端口上运行时出现Cors问题

    我有用node js编写的rest api应用程序 express在端口3000上运行 而angularjs应用程序在同一服务器上的端口9001上运行 从 angularjs 应用程序调用 rst api 时 出现了 cors 问题 在re
  • “$(document).ready”函数的替代方案

    我在 aspx 页面中使用 fancybox 对于灯箱 文档就绪功能在此页面中不起作用 有人告诉我编写一个新的 JavaScript 代码来加载该页面中的灯箱 包括 jQuery 检查网络选项卡 确保您没有收到 404 检查控制台是否没有收
  • 基本 jQuery 动画:省略号(三个点依次出现)

    我需要的 我需要一个动画省略号 一个点一个接一个地出现 动画需要循环播放 我想通过 jQuery 实现这一点 动画序列 Frame 1 等待您的选择 Frame 2 等待您的选择 Frame 3 等待您的选择 Frame 4 等待您的选择
  • JavaScript setTimeout 和更改系统时间会导致问题

    我注意到如果我设置setTimeout未来1分钟 然后将我的系统时间更改为过去5分钟 setTimeout功能将在 6 分钟后触发 我这样做是因为我想看看夏令时系统时钟更改期间会发生什么 我的 JavaScript 网页使用setTimeo
  • Firebase 身份验证和实时应用程序数据库如何保护自身安全?

    从一般开发的角度来看 我很好奇如何保护在线资源的访问 我们使用以下 Firebase 配置参数初始化 Web 应用程序 apikey authdomain projectid databaseurl messagesenderid 服务器如
  • jQuery:向左滑动和向右滑动

    我见过slideUp and slideDown在 jQuery 中 左右滑动的功能 方式怎么样 您可以使用 jQuery UI 中的附加效果来做到这一点 详情请参阅此处 http docs jquery com UI Effects Sl
  • jQuery UI 对话框 - 关闭后无法打开

    我有一个问题jquery ui dialog box https jqueryui com dialog 问题是 当我关闭对话框然后单击触发它的链接时 除非刷新页面 否则它不会再次弹出 如何在不刷新实际页面的情况下回调对话框 下面是我的代码
  • 加载 Angular 库时,IE9 和 IE10 中出现 Angular JS“SCRIPT5007:预期对象”错误

    我正在开发一个 AngularJS 应用程序 该应用程序应在 Firefox IE 9 和 IE 10 上运行 我使用最新版本的 angularjs 库 现在是 1 3 15 服务器端是在JavaEE平台上用Java编写的 服务器运行在Gl
  • 如何得知客户端从服务器的下载速度?

    根据客户的下载速度 我想以低质量或高质量显示视频 任何 Javascript 或 C 解决方案都是可以接受的 Thanks 没有任何办法可以确定 您只能测量向客户端发送数据的速度 如果没有来自客户端的任何类型的输入来表明其获取信息的速度 您
  • 从json中获取所有子节点

    我有以下 json var source k 01 k 02 children k 05 k 06 children k ABC k PQR k 07 k 03 我希望能够指定 k 的值并取回所有孩子 以及孙
  • HTML5 地理定位 - 在 iOS 上无法始终工作

    目前正在使用 HTML5 地理定位 我已经在所有网络浏览器上测试了它 它似乎工作正常 然而 当我在 iPad 上测试地理定位时 它在 iPad mini 上始终有效 但当我将其放在更大的 iPad iPad 2 上时 位置似乎并不总是有效

随机推荐