Javascript Flotr2，图形上的颜色已更改，图例不更新_Javascript_Flotr2

Javascript Flotr2，图形上的颜色已更改，图例不更新

javascript

Javascript Flotr2，图形上的颜色已更改，图例不更新,javascript,flotr2,Javascript,Flotr2,更改图形中线条的颜色时，图例不会使用相同的颜色更新。它与默认颜色保持相同。我是否需要更新图例中的颜色以显示与图形相同的颜色代码和JSFIDLE都是相同的示例 Flotr2 变量d1=[[0,3]，[4,8]，[8,5]，[9,13]，//第一个数据系列 d2=[]，//第二个数据系列 i、图形； var container=document.getElementById（'container'）； //生成第一个数据集对于（i=0；i

更改图形中线条的颜色时，图例不会使用相同的颜色更新。它与默认颜色保持相同。我是否需要更新图例中的颜色以显示与图形相同的颜色

代码和JSFIDLE都是相同的示例


Flotr2
变量d1=[[0,3]，[4,8]，[8,5]，[9,13]，//第一个数据系列
d2=[]，//第二个数据系列
i、 图形；
var container=document.getElementById（'container'）；
//生成第一个数据集
对于（i=0；i<14；i+=0.5）{
d2.推挤（[i，Math.sin（i）]）；
}
//作图
图形=浮动绘图（容器，
[{“标签”：“d1”，“线条”：{“线宽”：“1”，“颜色”：“#f00”}，“数据”：d1}，{“标签”：“d2”，“数据”：d2}]{
标题：“Flotr2测试”，
副标题：“副标题”，
xaxis：{
minorTickFreq:4
},
网格：{
米诺替卡林：对
},
图例：{
位置：“ne”
}
});

您正在更改代码行的颜色：

{“label”：“d1”，“lines”：{“lineWidth”：“1”，“color”：“#f00”}，“data”：d1}

尝试更改数据集的颜色：

{“标签”：“d1”，“线条”：{“线宽”：“1”}，“数据”：d1，“颜色”：“#F00”}

见：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Flotr2 </title>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/flotr2.min.js"></script>
</head>
<body>
    <div id="container" style="width:840px;height:400px"></div>
    <script>

        var d1 = [[0, 3], [4, 8], [8, 5], [9, 13]], // First data series
                d2 = [],                                // Second data series
                i, graph;

        var container = document.getElementById('container');

        // Generate first data set
        for (i = 0; i < 14; i += 0.5) {
            d2.push([i, Math.sin(i)]);
        }

        // Draw Graph
        graph = Flotr.draw(container,
                [{"label": "d1", "lines": {"lineWidth": "1", "color": "#f00"}, "data": d1}, {"label": "d2", "data": d2}], {
                    title: "Flotr2 test",
                    subtitle: "Subtitle",
                    xaxis: {
                        minorTickFreq: 4
                    },
                    grid: {
                        minorVerticalLines: true
                    },
                    legend: {
                        position: 'ne'
                    }
                });
    </script>