利用flot画图为啥不显示曲线，但是当鼠标悬停在数据点的时候有该点的数据提示-CSDN论坛

利用flot画图为啥不显示曲线，但是当鼠标悬停在数据点的时候有该点的数据提示

Web 开发 > JavaScript

收藏回复

[问题点数：20分]

⋅包含flot的php文件为什么在ie中不能显示flot图形？谷歌和百度浏览器中能显示 ⋅利用flot画图为啥不显示曲线，但是当鼠标悬停在数据点的时候有该点的数据提示 ⋅vc单文档程序中嵌入word 怎么没有word的菜单栏常用工具也不能用怎么修改？ 更多帖子 关注私信空间博客 mimi841112 等级 本版专家分：0 结帖率 92.86%: 利用flot画图为啥不显示曲线也不显示图形的图框线啊，但是当鼠标悬停在数据点的时候有该点的数据信息提示，同时x、y坐标值有显示，我感觉是画了曲线的，但是看不见，可是我设置了show是true的啊，不明白。求高手解答啊

var plot_options = {

grid: { hoverable: true, clickable: true},
legend: { show: true},
lines: { show: true},
points: { show: true} ,
xaxis: {ticks:10, mode: "time" , minTickSize: [1, "hour"]},
yaxis: { ticks: 5 },
selection: { mode: "xy" }
}
$.plot($("#sedi_lj"), [{label: measpoint, data: data_lj}],plot_options);

2014-02-14 14:56:18

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅Java技术进阶推荐书单

⋅老铁们-呕心沥血之作-送分送分还是送分

⋅【散分】因为你这个世界才有爱

更多帖子

关注私信空间博客

KeepSayingNo

等级

本版专家分：1829

勋章

技术圈认证 用户完成年度认证，即可获得

签到达人 累计签到获取，不积跬步，无以至千里，继续坚持！

铜牌 2020年10月总版技术专家分月排行榜第三

红花 2020年12月 Java大版内专家分月排行榜第一

你是不是没有设置线条颜色啊，你用下面这个试试



colors: ["#2F95CC", "#D1A00C"],

2014-02-14 17:00:42

点赞只看TA 引用举报 #1得分 0

⋅包含flot的php文件为什么在ie中不能显示flot图形？谷歌和百度浏览器中能显示 ⋅利用flot画图为啥不显示曲线，但是当鼠标悬停在数据点的时候有该点的数据提示 ⋅vc单文档程序中嵌入word 怎么没有word的菜单栏常用工具也不能用怎么修改？ 更多帖子 关注私信空间博客 mimi841112 等级 本版专家分：0: colors我设置了也不管用 var plot_options = {

colors: ["#E3563A"],
grid: { show: true, hoverable: true, clickable: true,colors:"rgb(255,0,0)"},
legend: { show: true},
lines: { show: true,color:"rgb(0,255,0)"},
points: { show: true,color:"rgb(0,0,255)"} ,
xaxis: {ticks:10, mode: "time" , minTickSize: [1, "hour"]},
yaxis: { ticks: 5 },
selection: { mode: "xy" }

}
其中只有grid的color有效能变换颜色点和线还是看不见

2014-02-15 10:19:06

点赞只看TA 引用举报 #2得分 0

⋅包含flot的php文件为什么在ie中不能显示flot图形？谷歌和百度浏览器中能显示 ⋅利用flot画图为啥不显示曲线，但是当鼠标悬停在数据点的时候有该点的数据提示 ⋅vc单文档程序中嵌入word 怎么没有word的菜单栏常用工具也不能用怎么修改？ 更多帖子 关注私信空间博客 mimi841112 等级 本版专家分：0: 感觉对flot设置颜色参数无效连backgroundColor:"rgb(0,0,0)",设置了背景都没变黑还是白色的

2014-02-15 11:07:43

点赞只看TA 引用举报 #3得分 0

⋅包含flot的php文件为什么在ie中不能显示flot图形？谷歌和百度浏览器中能显示 ⋅利用flot画图为啥不显示曲线，但是当鼠标悬停在数据点的时候有该点的数据提示 ⋅vc单文档程序中嵌入word 怎么没有word的菜单栏常用工具也不能用怎么修改？ 更多帖子 关注私信空间博客 mimi841112 等级 本版专家分：0: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Flot Examples</title>
    <link href="layout.css" rel="stylesheet" type="text/css">
    
    <script language="javascript" type="text/javascript" src="../jquery.js"></script>
    <script language="javascript" type="text/javascript" src="../jquery.flot.js"></script>
</head>
    <body>
    <h1>Flot Examples</h1>

    <div id="placeholder" style="width:600px;height:300px"></div>

    <p>One of the goals of Flot is to support user interactions. Try
    pointing and clicking on the points.</p>

    <p id="hoverdata">Mouse hovers at
    (<span id="x">0</span>, <span id="y">0</span>). <span id="clickdata"></span></p>

    <p>A tooltip is easy to build with a bit of jQuery code and the
    data returned from the plot.</p>

    <p><input id="enableTooltip" type="checkbox">Enable tooltip</p>

<script type="text/javascript">
$(function () {
    var sin = [], cos = [];
    for (var i = 0; i < 14; i += 0.5) {
        sin.push([i, Math.sin(i)]);
        cos.push([i, Math.cos(i)]);
    }

    var plot = $.plot($("#placeholder"),
           [ { data: sin, label: "sin(x)"}, { data: cos, label: "cos(x)" } ], {
               series: {
                   lines: { show: true },
                   points: { show: true }
               },
               grid: { hoverable: true, clickable: true },
               yaxis: { min: -1.2, max: 1.2 }
             });

    function showTooltip(x, y, contents) {
        $('<div id="tooltip">' + contents + '</div>').css( {
            position: 'absolute',
            display: 'none',
            top: y + 5,
            left: x + 5,
            border: '1px solid #fdd',
            padding: '2px',
            'background-color': '#fee',
            opacity: 0.80
        }).appendTo("body").fadeIn(200);
    }

    var previousPoint = null;
    $("#placeholder").bind("plothover", function (event, pos, item) {
        $("#x").text(pos.x.toFixed(2));
        $("#y").text(pos.y.toFixed(2));

        if ($("#enableTooltip:checked").length > 0) {
            if (item) {
                if (previousPoint != item.dataIndex) {
                    previousPoint = item.dataIndex;

                    $("#tooltip").remove();
                    var x = item.datapoint[0].toFixed(2),
                        y = item.datapoint[1].toFixed(2);

                    showTooltip(item.pageX, item.pageY,
                                item.series.label + " of " + x + " = " + y);
                }
            }
            else {
                $("#tooltip").remove();
                previousPoint = null;
            }
        }
    });

    $("#placeholder").bind("plotclick", function (event, pos, item) {
        if (item) {
            $("#clickdata").text("You clicked point " + item.dataIndex + " in " + item.series.label + ".");
            plot.highlight(item.series, item.datapoint);
        }
    });
});
</script>

</body>
</html>
这段代码以html为后缀的时候能正常打开，显示里面的flot图形，为什么把代码放到php为后缀的文件中就显示不了flot图形了？

2014-02-15 13:20:35

点赞只看TA 引用举报 #4得分 0

收起

收藏回复

mimi841112

等级：

关注私信 TA的帖子

flot中文说明文档简版: Flot参考文档：一．对绘图函数plot的调用：var plot=$.plot(placeholder,data,options) ----------- placeholder ----------- 占位符placeholder是一个jQuery对象或者DOM元素或者jQuery表单式，绘图函数将把...

flot API: Flot Reference flot参考文档 -------------- Consider a call to the plot function: 下面是对绘图函数plot的调用： var plot = $.plot(placeholder, data, options) The placeholder is a ...

flot中文参考文档: Flot Reference flot参考文档 -------------- Consider a call to the plot function: 下面是对绘图函数plot的调用： var plot = $.plot(placeholder, data, options) The placeholder is a...

flot 绘图文档API: 最近开发过程中需要有...但是jquery的flotAPI比较难找。 Consider a call to the plot function: 下面是对绘图函数plot的调用： var plot = $.plot(placeholder, data, options) The

Flot Reference flot参考文档: Consider a call to the plot function:下面是对绘图函数plot的调用： var plot = $.plot(placeholder, data, options) The placeholder is a jQuery object or DOM element or jQuery expressionthat the ...

flot 中文api2: Flot Reference flot参考文档 -------------- Consider a call to the plot function: 下面是对绘图函数plot的调用： var plot = $.plot(placeholder, data, options) The placeholder is a ...

flot中文API（转载）: Flot Referenceflot参考文档-------------- Consider a call to the plot function:下面是对绘图函数plot的调用： var plot = $.plot(placeholder, data, options) The placeholder is a jQuery object or DOM ...

9款网页绘图javascript框架: 向大家推荐9款很棒的可在网页中绘制图表的JavaScript脚本，这些有趣的JS脚本可以帮助你快速方便的绘制图表（线、面、饼、条…），其中包括jQuery、MooTools、Prototype和一些其它的JavaScript框架。 1.FlotFlot是...

侯捷C++全套课程视频资源: 侯捷全套课程，C++11新标准，侯捷 - C++面向对象高级开发，侯捷 - STL和泛型编程，C++内存管理_侯捷

韦东山嵌入式Linux第一期视频: 掌握写汇编代码的能力，可以分析任意裸板包括U-boot、内核里的相关汇编代码；掌握常用的硬件部件的操作，比如GPIO，UART，I2C，LCD，触摸屏；深入理解ARM体系统架构，可以写出具备中断功能的裸板程序，对程序现场的保存、恢复有所了解，这些原

嵌入式工程师养成计划之——嵌入式软件工程师完全学习指南: 本系列课程针对有意向学习嵌入式软件开发的童鞋，从零开始、深入浅出，内容涵盖：linux系统基础、shell、linux C编程、linux系统编程、网络编程、ARM体系结构及汇编语言、ARM裸机编程、linux系统移植、linux驱动开发等模块。

Android开发入门60个小案例+源代码: 适合初学者，大量简单小例子，完整源代码。

2020美赛C题题目.rar: Problem C: 电商里的数据财富在电商市场中，亚马逊为消费者提供了对购买商品的评价（打分和评论）的服务。个人评级，又称为“星级评级”，意思是允许消费者使用1(低分差评，低满意度)到5(高分好评，高满意度)的等级来表达他们对产品的满意度。此外，消费者可以提交基于文本的信息，“评论”——表示对产品的进一步意见和信息。其他顾客可以在这些评论上打分，判断评论是否对他们有帮助，这又被称为“有用评分”，以帮助他们决定产品的购买决策。公司利用这些数据来洞察他们所参与的市场、参与的时机以及产品设计特性选择的潜在商机。

2019美赛ABCDEF题题目（附C题数据）: 2019美赛题目，完全是从官网下载，无翻译，可使用有道软件翻译浏览

python爬虫20个案例: 讲诉python爬虫的20个案例。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

opencv应用实例-实战视频教学: opencv应用实例视频教程，该课程主要分享在机器视觉及算法领域的具体应用案例，并且对这些案例的算法流程及相关接口进行详细说明与讲解，涉及到的opencv具体案例有鸟瞰图、肤色检测、颜色聚类、模板匹配

2020年美赛优秀论文集.zip: 2020年美赛优秀论文集，论文为完整版，包含附录，可以上手实操，不过全为英文，推荐结合CopyTranslator阅读：https://copytranslator.github.io/

Visio_2016: visio_2016下载安装，亲测可用，不需要破解，而且无秘钥。简单方便实用

数据结构基础系列(2)：线性表: 数据结构课程是计算机类专业的专业基础课程，在IT人才培养中，起着重要的作用。课程按照大学计算机类专业课程大纲的要求，安排教学内容，满足需要系统学习数据结构的人。系列课程包含11个部分，本课为第2部分，线性表的逻辑结构，线性表的顺

APP内置IM 系统——从入门到千万级在线: IM （即时通讯）系统是一种大型实时系统，其对技术方面的要求非常高。在APP社交化的今天，很多APP都希望为自己的应用增加IM系统，但却不得其法。本课程抽丝剥茧，搭建一套简IM 系统，先让开发者了解如何实现这类系统，然后会不断的对系统进行扩展，并详述要支撑千万级别的用户，系统架构要经过哪些方面的演变，在每个阶段需要具体考量哪些因素；其中涉及到大型网络开发、协议的制定解析、数据库的优化、负载均衡、监控、测试等方面的知识。相信通过此课程，开发者对IM 系统将有一个全面的认识。 a:0:{}

2020美赛O奖论文.zip: 包含2020美赛所有题目的所有O奖论文，A题8篇，B题5篇，C题6篇，D题7篇，E题5篇，F题6篇。

2020年美赛C题O奖论文（含6篇）: 2020年美赛C题O奖论文（含6篇）

奥特曼大全及关系明细.pdf: 此文档有详细奥特曼大全及关系明细

抢茅台脚本以及使用方法: 抢茅台的方法，里面有脚本文件和python的安装包，小白可以学习使用，大佬绕行吧，哈哈

2020美赛题目的ADE.zip: 2020年2月份美赛发布的题目ADE，是原始文件，包含有原题目给的数据等。 pdf格式全英，需要的朋友们直接下载就可以啦，里面的东西没有动过，需要翻译可以看我的博客/

C#高性能大容量SOCKET并发完成端口例子（有C#客户端）完整实例源码: 例子主要包括SocketAsyncEventArgs通讯封装、服务端实现日志查看、SCOKET列表、上传、下载、远程文件流、吞吐量协议，用于测试SocketAsyncEventArgs的性能和压力，最大连接数支持65535个长连接，最高命令交互速度达到250MB/S（使用的是127.0.0.1的方式，相当于千兆网卡1Gb=125MB/S两倍的吞吐量）。服务端用C#编写，并使用log4net作为日志模块；同时支持65536个连接，网络吞吐量可以达到400M。

学会在Linux上编译调试C++项目: 本课程主要针对没有或者很少写过linux上C++程序的同学，本课程会教你如何从0基础开始，安装配置ubuntu虚拟机、使用GCC编译普通程序、动态库、静态库，编写复杂项

jdk1.8 64位官方正式版 jdk-8u91-windows: jdk1.8 64位官方正式版 jdk-8u91-windows

C#入门必看实力程序100个: C#入门必看含有100个例字,每个例子都是针对C#的学习关键知识点设计的,是学习C#必须知道的一些程序例子,分享给大家，需要的可以下载

Docker入门到实践: 在云计算时代，开发者将应用转移到云上已经解决了硬件管理的问题，然而软件配置和管理相关的问题依然存在。Docker的出现正好能帮助软件开发者开阔思路，尝试新的软件管理方法来解决这个问题。通过掌握Docker，开发人员便可享受先进的自动化运维理念和工具，无需运维人员介入即可

相关热词 c# 设置窗体为激活 c# 同步发送 c# 多进程锁 c# 读取类的属性和值 c# out 使用限制 c#获取url的id c# update 集合 c# 公众号菜单 c#for迭代 c#指针应用

利用flot画图 为啥不显示曲线，但是当鼠标悬停在数据点的时候有该点的数据提示

利用flot画图为啥不显示曲线，但是当鼠标悬停在数据点的时候有该点的数据提示