首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >更改jqchart工具提示颜色

更改jqchart工具提示颜色
EN

Stack Overflow用户
提问于 2015-12-14 15:58:19
回答 1查看 147关注 0票数 0

我正在尝试更改jqchart工具提示的颜色,但没有成功。

我只是成功地改变了线条的颜色。

下面是构建jqchart的代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#jqChartMes').jqChart({
    title: { text: 'Mensal' },
    border: { lineWidth: 0 },
    legend: { location: 'bottom' },
    animation: { duration: 1 },
    dataSource: porMes,
    axes: [
        {
            type: 'line',
            location: 'left',
            minimum: -5,
            maximum: 110,
            interval: 50
        }
    ],
    series: [
        {
            type: 'line',
            title: 'Disponibilidade na Falha',
            strokeStyle: '#00F',
            lineWidth: 1,
            xValuesField: {
                name: 'MES',
                type: 'string' // string, numeric, dateTime
            },
            yValuesField: 'DISP_FALHA'
        },
        {
            type: 'line',
            title: 'Disponibilidade Geral',
            strokeStyle: '#FCB441',
            lineWidth: 1,
            xValuesField: {
                name: 'MES',
                type: 'string' // string, numeric, dateTime
            },
            yValuesField: 'DISP_GERAL'
        },
        {
            type: 'line',
            title: 'Efetividade',
            strokeStyle: '#00A65A',
            lineWidth: 1,
            xValuesField: {
                name: 'MES',
                type: 'string' // string, numeric, dateTime
            },
            yValuesField: 'EFETIV',
        }
    ]
});

我在jqchart网站上搜索了很多次,试图解决我的问题,但没有成功。请大家帮帮我。

EN

回答 1

Stack Overflow用户

发布于 2016-03-12 19:05:02

如果要更改工具提示的颜色,则必须转到下载时提供的jquery.jqChart.css文件

在那里你可以找到下面的代码段:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.ui-jqchart .ui-jqchart-tooltip { position: absolute; white-space: nowrap; padding: .2em .4em; z-index: 9999; border: 1px solid #dddddd; color: #333333; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }

这里的颜色:#333333是你可以改变成你想要的任何颜色。

我希望这能有所帮助:)

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

https://stackoverflow.com/questions/34271382

复制
相关文章
[踩坑]iconfont Symbol svg引入无法更改颜色
最近公司组织架构调整(反正每次组织架构调整,领导就会下场。有一个idea或者有重构一下,先定一个月底上),被拉取一个项目组做新项目。这边图标现状:有些项目是font-face方式,有些用的阿里图标库,最近又在用腾讯图标库,有些甚至直接切图。
玖柒的小窝
2021/11/16
3.7K0
[踩坑]iconfont Symbol svg引入无法更改颜色
keil更改黑色背景颜色「建议收藏」
1、先将keil安装目录下UV4中global文件复制出来留作备用,然后用记事本打开安装目录下的global文件
全栈程序员站长
2022/09/10
7.6K0
keil更改黑色背景颜色「建议收藏」
如何更改 Ubuntu 的终端的颜色
但是,如果你想要一个独一无二的的终端体验或者符合你自身品位的一些东西,你也可以改变你的 Ubuntu 的终端的颜色。
用户1880875
2021/11/08
14.6K0
Android系统更改状态栏字体颜色
原文地址:http://blog.isming.me/2016/01/09/chang-android-statusbar-text-color/,转载请注明出处。 随着时代的发展,Android的状态栏都不是乌黑一片了,在Android4.4之后我们可以修改状态栏的颜色或者让我们自己的View延伸到状态栏下面。我们可以进行更多的定制化了,然而有的时候我们使用的是淡色的颜色比如白色,由于状态栏上面的文字为白色,这样的话状态栏上面的文字就无法看清了。因此本文提供一些解决方案,可以是MIUI6+,Flyme4+
非著名程序员
2018/02/02
2.5K0
更改Linux终端颜色主题【Linux-Command line】
如果你一整天都盯着终端,自然想让它变得赏心悦目。 对美的判断因人而异,自CRT串行控制台问世以来,终端已经走了很长一段路。 因此,很有可能你的软件终端窗口中有很多选项可以使你看到的内容主题化,不管你如何定义美。
QRosie
2019/11/24
9K0
更改Linux终端颜色主题【Linux-Command line】
Mac SourceTree 账号更改提示再次输入密码
更改SourceTree内的一个账号密码之后,拉代码一直报错,但是不弹出输入密码窗口。
Jingbin
2020/02/13
2.7K0
修改 mysql/oracle/bash/vimrc/cmd 提示符格式与颜色
(1)修改mysql提示符: MySQL 客户端的默认提示符是 "mysql>",基本上没什么实际作用。其实可以修改这个提示符,让它显示一些有用的信息,例如当前所在的数据库等。修改方法有四种,其中前两种只对当前连接有效,后两种则对所有连接有效。 我的建议:vi /etc/my.cnf [mysql] prompt=\\u@\\h: \\d \\r:\\m:\\s> 效果: mysql -uroot -proot Welcome to the MySQL monitor. Commands end with
用户1177713
2018/02/24
1.4K0
修改 mysql/oracle/bash/vimrc/cmd 提示符格式与颜色
SecureCRT更改vim中#注释的文本内容颜色
今天在学习redis的时候,发现vim打开redis.conf配置文件的时候,#注释起来的代码是蓝色的,阅读起来很不方便。
上分如喝水
2021/08/16
6.2K0
SecureCRT更改vim中#注释的文本内容颜色
更改PPT所有页面字体与页面颜色的技巧
在评估期间,无心插柳地探索到一个新技术,就是关于PPT课件统一更改字体颜色和页面背景颜色的问题。
用户1191760
2019/02/27
5.6K0
Toast提示工具类
APP开发中我们常用的与用户交互的消息就是Toast 但是Android原生的Toast 比较繁琐, 我们来比较一下
晨曦_LLW
2020/09/25
6470
【SeeMusic】音符方块颜色设置 ( 单一颜色设置 | 多彩音符设置 | 定时变色设置 | 渐变颜色 | 分轨道提示 )
【SeeMusic】下载安装并注册 SeeMusic 软件 【SeeMusic】购买付费版本 ( 进入购买页面 | 购买流程 )
韩曙亮
2023/03/29
1.6K0
【SeeMusic】音符方块颜色设置 ( 单一颜色设置 | 多彩音符设置 | 定时变色设置 | 渐变颜色 | 分轨道提示 )
如何在Ubuntu 18.04中更改文件夹图标的颜色
这个快速提示教程向您展示了如何在Ubuntu 18.04 Nautilus文件浏览器中设置文件夹的自定义颜色或标志。
用户8705057
2021/06/08
4.2K0
更改形状和背景色、自定义风格、颜色流动…这款词云工具都能做到
stylecloud 是一个 Python 包,它基于流行的 word_cloud 包,并添加了一些有用的功能,从而创建出独特的词云。stylecloud 具备以下特点:
机器之心
2019/12/26
1.7K0
MATLAB 柱状图(Bar) 如何快速更改堆叠图的颜色
写博客的初衷是分享经验,同时是算是自己对思路和代码的整理,方便日后处理数据,应该可以帮到很多人。 我已免费分享我的心得,如果看官还有其他问题的,那么:知识付费,我的时间和经验正好可以解决你的问题。 咨询问题请添加QQ:819369354 2022年4月20日
全栈程序员站长
2022/11/02
5.3K0
MATLAB 柱状图(Bar) 如何快速更改堆叠图的颜色
extjs中treepanel移动数据如何更改为正在移动提示
extjs中有很多可以优化的地方。学到老。直接贴上代码: viewConfig: { plugins: { ptype : 'treeviewdragdrop', dragText : "{0} 正在移动{1}" } ,listeners:{ beforedrop:function(node, data, overModel, dropPosition,drop
业余草
2019/01/21
1K0
bootstrap 提示工具 常用样式
<h4>工具提示(Tooltip)插件 - 锚</h4> 这是一个 <a href="#" class="tooltip-test" data-toggle="tooltip" title="默认的 Tooltip">默认的 Tooltip</a>. 这是一个 <a href="#" class="tooltip-test" data-toggle="tooltip" data-placement="left" title="左侧的 Tooltip">左侧的 Tooltip</a>. 这是一个 <a href="#" data-toggle="tooltip" data-placement="top" title="顶部的 Tooltip">顶部的 Tooltip</a>. 这是一个 <a href="#" data-toggle="tooltip" data-placement="bottom" title="底部的 Tooltip">底部的 Tooltip</a>. 这是一个 <a href="#" data-toggle="tooltip" data-placement="right" title="右侧的 Tooltip">右侧的 Tooltip</a> <h4>工具提示(Tooltip)插件 - 按钮</h4> <button type="button" class="btn btn-default" data-toggle="tooltip" title="默认的 Tooltip"> 默认的 Tooltip</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="左侧的 Tooltip">左侧的 Tooltip </button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="顶部的 Tooltip">顶部的 Tooltip </button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="底部的 Tooltip">底部的 Tooltip </button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="右侧的 Tooltip">右侧的 Tooltip</button> <script>
用户5760343
2019/07/05
7070
bootstrap 提示工具 常用样式
点击加载更多

相似问题

更改工具提示颜色?

22

BootStrape工具提示更改颜色

12

如何更改工具提示颜色?

20

更改工具提示的颜色

10

jqChart:仅沿一个轴显示工具提示

14
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文