Dygraphs动态改变系列名称？

Question

我有一个双曲线图，上面画了115个左右的序列。它工作得很好。但是，我正在尝试弄清楚如何检索突出显示的系列的系列名称，以及如何格式化该数字。

dygraph fiddle页面上的示例(不过，我对数据使用了一个很大的php字符串，不会显示出来)。http://jsfiddle.net/eM2Mg/861/

我最后得到了一个突出显示的标签，比如"Year: 1955 Y73 Portfolio：$1,000,000“。我希望能够检索73个数字，并编辑它所说的内容。我在dygraph js文件中找不到序列号的特定标签格式化工具，也找不到检索序列号的方法。我不想手动标记每个系列。

想法？这是一个很棒的绘图软件。

gr = new Dygraph(
// containing div
document.getElementById("graphdiv2"),
// CSV or path to a CSV file.
<?php echo $chartDataString2; ?>,
{
    title: 'Spending Level',
    ylabel: 'Spending ($)',
    xlabel: 'Year',
    labelsDivStyles: { 'textAlign': 'right' },
    digitsAfterDecimal: 0,
    yAxisLabelWidth: 100,
    axes: {
        y: {


                labelsKMB: false,
                maxNumberWidth: 11,
                valueFormatter: function numberWithCommas(x) {
                    return 'Spending: $' + x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                },
                axisLabelFormatter: function numberWithCommas(x) {
                    return '$' + x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                }
        },
        x: {
            valueFormatter: function numberWithCommas(x) {
                    return 'Year: ' + x;
                },
        },
    },
    showLabelsOnHighlight: true,
    highlightCircleSize: 3,
    strokeWidth: 1.5,
    strokeBorderWidth: 0,
 highlightSeriesBackgroundAlpha: 1.0,
    highlightSeriesOpts: {
      strokeWidth: 4,
      strokeBorderWidth: 2,
      highlightCircleSize: 5,
    },
}
);

Answer 1

内置的双曲线图图例适用于大多数图表，但在某些情况下会超出它的使用范围。听起来你已经到了那个地步了。我建议隐藏内置的图例，并使用highlightCallback和unhighlightCallback实现您自己的图例。您可以通过g.getLabels()访问系列名称。