在单个流程图上显示点数据集和线数据集？

发布于 2024-12-09 12:43:57 字数 1053 浏览 0 评论 0原文

当一个系列是一组点，一个系列是一条线时，如何在同一个图表中显示两个数据系列？

我见过这样的线系列示例，但是复杂的因素是我想在同一个图表上显示数据点和数据线。

这似乎是一个非常常见的用例 - 基本上我想显示散点图及其最佳拟合线。

目前我有

    var options = {
        series: {
            lines: {
                show: false
            },
            points: {
                show: true
            },
            lines: { 
                show: true
            }
        },
        grid: {
            hoverable: true,
        },
        yaxis: {
            min: 0,
            max: 1100000,
            font: 'Georgia'
        },
        xaxis: {
            min: 10,
            max: 480,
            font: 'Georgia'
        } 
        };
    var plot = $.plot($("#placeholder"),
    [{
        data: scatterdata,
        color: 'dodgerblue',
    }], options);
    var line = $.plot($("#placeholder"),
    [{
        data: linedata,
        color: 'black',
    }], options );

但这只显示第二组数据，而不是两者。

原文

How can I display two data series in the same flot graph, when one series is a set of points, and one is a line?

I've seen examples of line series like this, but the complicating factor is that I'd like to display data points and a data line on the same graph.

This seems like quite a common use case - basically I want to display a scatter graph along with its line of best fit.

Currently I have

    var options = {
        series: {
            lines: {
                show: false
            },
            points: {
                show: true
            },
            lines: { 
                show: true
            }
        },
        grid: {
            hoverable: true,
        },
        yaxis: {
            min: 0,
            max: 1100000,
            font: 'Georgia'
        },
        xaxis: {
            min: 10,
            max: 480,
            font: 'Georgia'
        } 
        };
    var plot = $.plot($("#placeholder"),
    [{
        data: scatterdata,
        color: 'dodgerblue',
    }], options);
    var line = $.plot($("#placeholder"),
    [{
        data: linedata,
        color: 'black',
    }], options );

But this only displays the second set of data, not both of them.

分享到QQ

分享到微博

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

发布评论

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

夏雨凉 2024-12-16 12:43:57

您想做这样的事情（一次指定一个数据集，并带有选项）：

$(function () {

    var points = [[1, 6], [2, 3], [3, 9], [4, 2], [5, 11]];

    var fitLine = [];
    for (var i = 0; i < 10; i += 0.5)
        fitLine.push([i, (0.9 * i) + 3.5]);

    $.plot($("#placeholder"), [
        {
            data: points,
            points: { show: true }
        },
        {
            data:fitLine,
            lines: { show: true }
        }
    ]);
});

生成：

在此处输入图像描述

You want to do something like this (specify the data sets one at a time, with options):

$(function () {

    var points = [[1, 6], [2, 3], [3, 9], [4, 2], [5, 11]];

    var fitLine = [];
    for (var i = 0; i < 10; i += 0.5)
        fitLine.push([i, (0.9 * i) + 3.5]);

    $.plot($("#placeholder"), [
        {
            data: points,
            points: { show: true }
        },
        {
            data:fitLine,
            lines: { show: true }
        }
    ]);
});

Produces:

enter image description here

回复收藏 0 原文

~没有更多了~