当前位置：文江博客话题详情

Highcharts：如何重命名系列

发布于 2024-12-03 02:31:11 字数 72 浏览 1 评论 0原文

我在我的网络应用程序中使用 highcharts，我想知道是否有任何方法可以在创建图表后重命名系列？

提前致谢！！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

末骤雨初歇 2024-12-10 02:31:12

您可以使用以下命令更改系列名称：

$(chart.series[0].legendItem.element).children('tspan').text('newLabelName');

You can use the following to change the series name:

$(chart.series[0].legendItem.element).children('tspan').text('newLabelName');

回复收藏 0 原文

梦幻之岛 2024-12-10 02:31:11

其实现在有办法了。在highchars 3.0系列中添加了一个新的api，称为update：

chart.series[0].update({name:"name u want to change"}, false);
chart.redraw();

它不仅会更新图表下方的系列名称，还会更新工具提示中的名称。

干杯!

actually, there's a way now. In highchars 3.0 series added a new api, called update:

chart.series[0].update({name:"name u want to change"}, false);
chart.redraw();

it will not only update the series name below the chart, but the name in tooltip as well.

Cheers!

回复收藏 0 原文

橘虞初梦 2024-12-10 02:31:11

这似乎有效：

chart.series[1].name="Renamed";
chart.redraw();

This seems to work :

chart.series[1].name="Renamed";
chart.redraw();

回复收藏 0 原文

相权↑美人 2024-12-10 02:31:11

API 中没有执行此操作的方法。您可以删除该系列并使用另一个名称再次添加它，但这将使动画第二次运行，我认为它也会使用新的颜色进行着色。

回复收藏 0 原文

自由范儿 2024-12-10 02:31:11

不需要再次重绘图表
我们可以将其与系列选项一起包含在图表声明中，如下所示：

        var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'high_container'
        },title: {
            text: 'IO Signal  Data'
        },subtitle: {
            text: 'Source: GPS Modem'
        },

        yAxis: {
            title: {
                text: 'Value'
            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle'
        },


        xAxis: {
            type: 'datetime',
            labels: {
                enabled: true,
                formatter: function () { return ddd[this.value][0]; }, //<=== the value to plot chart

            }
        },
        series: [{
            data: ddd,
            name: SeriesName
        }]
    });

It is not required to Redraw chart again
We can include it along with the series option in the Chart declaration as below:

        var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'high_container'
        },title: {
            text: 'IO Signal  Data'
        },subtitle: {
            text: 'Source: GPS Modem'
        },

        yAxis: {
            title: {
                text: 'Value'
            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle'
        },


        xAxis: {
            type: 'datetime',
            labels: {
                enabled: true,
                formatter: function () { return ddd[this.value][0]; }, //<=== the value to plot chart

            }
        },
        series: [{
            data: ddd,
            name: SeriesName
        }]
    });

回复收藏 0 原文

~没有更多了~