问Flotr2，图形上的颜色已更改，图例未更新
EN

Stack Overflow用户

提问于 2014-10-05 23:36:13

回答 1查看 732关注 0票数 0

当我更改图形中线的颜色时，图例不会更新为相同的颜色。它保持与默认颜色相同。是否需要执行某些操作才能更新图例中的颜色以显示与图形相同的颜色？

代码和jsfiddle都是相同的示例。

http://jsfiddle.net/ye0ny57j/

<!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>

javascript

flotr2

回答 1

Stack Overflow用户

发布于 2014-12-16 12:45:05

您只更改了代码中代码行的颜色：

{"label" : "d1","lines" : {"lineWidth" : "1", "color" : "#f00"}, "data" : d1}

尝试更改数据集的颜色：

{"label": "d1", "lines": {"lineWidth": "1"}, "data": d1, "color": "#F00"}

请参阅：http://jsfiddle.net/ye0ny57j/9/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26204190

复制

相似问题

问Flotr2，图形上的颜色已更改，图例未更新
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flotr2，图形上的颜色已更改，图例未更新EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flotr2，图形上的颜色已更改，图例未更新
EN