标签：graphing flot javascript jquery

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

我有seen examples of line series like this,但复杂的因素是我想在同一张图上显示数据点和数据线.

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

目前我有

    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 );

但这仅显示第二组数据,而不同时显示两者.

解决方法:

您想要执行以下操作(一次用选项指定一个数据集)：

$(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 }
        }
    ]);
});

产生：

标签：graphing,flot,javascript,jquery
来源： https://codeday.me/bug/20191202/2086880.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。