Javascript 有没有办法拆分/分解并重新分组海图中的线条

我有一张多行的图表。根据用户的请求，我希望使图形更可读（少行）或更详细（多行）。这意味着，例如，将有一个按钮“拆分行”和“分组行”。 现在，考虑到这一点，我想这不是一个内置特性，而是一个jQuery函数，然后显示相应的行。不过，如果有一个行分割或分组的视觉效果，那就太好了

因此，应该从这里开始：

为此：

我已经贴了一张照片来展示这一点，我很好奇你的想法、经验和解决办法

代码在这里不是很有用：

$(function() {
$('#container').highcharts({

    title: {
        text: "xxx",
        align: "center",
        y: 20,
        x: 0,
        style: {
            fontSize: "28px",
            color: (Highcharts.theme && Highcharts.theme.textColor) || "black"
        }
    },
    subtitle: {
        text: "",
        align: "center",
        x: -40,
        style: {
            fontSize: "13px",
            color: "#666666"
        }
    },
    xAxis: {
        tickWidth: 0
    },
    yAxis: {
        title: {
            text: "xxx",
            align: "high",
            rotation: 0,
            textAlign: 'left',
            x: 10,
            y: -20,
            style: {
                fontWeight: "bold"
            }
        },
        gridLineWidth: 0
    },
    credits: {
        href: "",
        text: "",
        position: {
            x: -185
        },
        style: {
            fontSize: "8px",
            color: "#666666"
        }
    },
    legend: {
        enabled: true,
        layout: "vertical",
        align: "right",
        verticalAlign: "top",
        y: 55,
        reversed: true,
        itemStyle: {
            color: '#777',
            fontWeight: 'normal',
            fontSize: '12px'
        }
    },
    data: {
        csv: document.getElementById('csv').innerHTML
    },
    plotOptions: {
        series: {
            connectNulls: true,
            shadow: false,
            lineWidth: 2,
            //color: 'rgba(100, 100, 100, 0.2)',
            marker: {
                enabled: false
            }
        }
    }
});
});

---

默认情况下，Highcharts提供的功能与此完全相同。您只需单击图例中的项目即可打开/关闭其行。是的，您是正确的。这是一种选择。但效果却不一样，因为一个群体中有多达五个类别。因此，这五行应该“更改”为那一行，例如隐藏和显示这一行。这会更好、更友好、更全面……看看。向下搜索可能是一种选择，我可能会将数据存储在适当的数组中，当用户单击按钮时，只需从图表中删除现有序列，然后添加其他序列即可深入调查看起来很不错，这正是我要找的。然而，我看了所有我能找到的例子——它们都只有柱状图。我试图操纵其中一些，为了得到同样的结果——但不是在一个范畴上，而是在时间上——对于一个折线图；但是没有成功。有人知道这样的事情吗？你已经有了Highcharts默认提供的确切功能。您只需单击图例中的项目即可打开/关闭其行。是的，您是正确的。这是一种选择。但效果却不一样，因为一个群体中有多达五个类别。因此，这五行应该“更改”为那一行，例如隐藏和显示这一行。这会更好、更友好、更全面……看看。向下搜索可能是一种选择，我可能会将数据存储在适当的数组中，当用户单击按钮时，只需从图表中删除现有序列，然后添加其他序列即可深入调查看起来很不错，这正是我要找的。然而，我看了所有我能找到的例子——它们都只有柱状图。我试图操纵其中一些，为了得到同样的结果——但不是在一个范畴上，而是在时间上——对于一个折线图；但是没有成功。有人知道这种事吗？