标签: tooltip

我可以知道如何更改工具提示中特定单词的前景吗？我想把“RED”字样改为colors.Red; 请注意，工具提示中的所有剩余单词应保持黑色。有谁可以帮忙吗？

XAML代码片段：

<Button Name="myBtn" Content="Click" ToolTip="Click this to change
 the text to RED Color" Click="myBtn_Click"/>

我的图表非常简单，如下所示：

function drawVisualization() {\n\n  var data = google.visualization.arrayToDataTable([\n    [\'week\', \'rate\'],\n    [\'1\',   0.156],\n    [\'2\',   0.232],\n    [\'3\',   0.446],\n    [\'4\',   0.832],\n    [\'5\',   0.702],\n    [\'6\',   0.773],\n    [\'7\',   0.842],\n    [\'8\',   0.413],\n    [\'9\',   0.278],\n    [\'10\',   0.323],\n    [\'11\',   0.312],\n    [\'12\',   0.309],\n    [\'13\',   0.134],\n    [\'14\',   0.137]\n  ]);\n\n  new google.visualization.LineChart(document.getElementById(\'visualization\')).\n      draw(data, {curveType: "function",\n                  width: 500, height: 400,\n                  vAxis: {maxValue: 1}}\n          );\n}\n

\xe2\x80\x8b

但我不知道如何格式化数据列以在工具提示中显示为百分比。你们可以帮忙吗？

我有动态树表。如何设置列标题的工具提示，显示标题文本。下面的代码显示特定单元格的工具提示，但我不知道在哪里设置它的标题文本。

    for (Entry<String, String> ent : dc.getSortedAssignedOrg().entrySet()) {

        TreeTableColumn<String, ArrayList<String>> col = new TreeTableColumn<>(
                ent.getValue());
col.setCellFactory(new Callback<TreeTableColumn<String, ArrayList<String>>, TreeTableCell<String, ArrayList<String>>>() {
            @Override
            public TreeTableCell<String, ArrayList<String>> call(
                    TreeTableColumn<String, ArrayList<String>> param) {
                return new TreeTableCell<String, ArrayList<String>>() {
                    public void updateItem(ArrayList<String> item,
                            boolean empty) {
                        super.updateItem(item, empty);


                        if (item == null || empty) {
                            setStyle("");
                            setText("");
                        } else if (item.contains("Green")) {
                            float weightInt = Float.parseFloat(item.get(0));
                            float res = weightInt * 1;
                            String resString = Float.toString(res);
                            this.setStyle("-fx-background-color:green");
                            setTooltip(new Tooltip(item.get(2)));
                            setText(resString);
                        } else if (item.contains("yellow")) …

当我将鼠标悬停在图表中的一个点上时，我希望显示高度或重量的值。我已经尝试通过使用plotly包和此链接的示例来完成这项工作。但是我遇到了各种各样的错误，我不知道如何使它工作。

我已经包含了我的整个代码，所以我希望有人可以帮助我解决这个问题。

library("shiny")
library("ggplot2")
library('readxl')
library('gridExtra')

ui<- fluidPage(
   titlePanel("Animals"),
   sidebarLayout(
     sidebarPanel(
  helpText("Create graph of height and/or weight animals"),
  selectInput("location", 
              label = "Choose a location",
              choices = list("New York"="New York", "Philadelphia" = "Philadelphia"),
              selected = "New York"),
  uiOutput("animal"),
  checkboxGroupInput("opti", 
              label = "Option",
              choices = c("weight", "height"),
              selected = "weight")
  ),
mainPanel(plotOutput("graph"))
))

server <- function(input, output){
  animal <- read_excel('data/animals.xlsx', sheet =1)
  var <- reactive({
    switch(input$location,
       "New York" = list("Cat1", "Dog2"),
       "Philadelphia"= list("Cat4","Dog3"))
     })

  output$animal <- renderUI({
  checkboxGroupInput("anim", …

最近我开始使用 ReactJS，我是一个超级初学者。这可能是一个非常简单的问题，但我不知道如何解决这个错误。

我在 this.state 中有 3 个图像，并使用 .map() 将它们展开到屏幕上。还有我从https://www.npmjs.com/package/react-tooltip下载的 ReactTooltip

但是有一些我无法修复的错误，它甚至没有显示在控制台屏幕上。问题是每当您将鼠标放在图像上时，就会多次生成 ReactTooltip。任何人都可以帮我解决这个问题吗？

这是我的代码和示例演示。
演示：http : //tooltip-test-moonformeli.c9users.io/
代码：

感谢您的时间！

所以我有一个动态变化的饼图。我想在将鼠标悬停在切片上时显示每个切片的值，但我不确定如何在触发 onHovered 时创建工具提示。我用

qt 5.9.1 & 导入 QtQuick.Controls 2.2

更新：我添加了一些代码来解释我如何创建切片。这是代码：

function onUpdateValues(values){
     switch(values.type){
           case PIE_CHART: 
                createPieChart(values.data);
                break;
           ...
           default:
                console.debug("CHART TYPE ERROR");
                break;
            }
     }
}

function createPieChart(data){
    pieserieschart.clear();
    for (var prop in data) {
        var new_slice =  pieserieschart.append(prop, data[prop]);
        new_slice.tooltip = prop + ": " + data[prop]
        //I tried using hovered signal (and without), but it's not doing any difference
        new_slice.hovered.connect(function(state) { new_slice.tooltip.visible = state })
        //If I replace the above line by the next one, I can …

我将 angular 7 与材料一起使用，我想创建一个带有信息图标的输入字段，最终使用 matSuffix 这是一个工具提示。它适用于台式机，但不适用于手机。

我创建了一个堆栈闪电战：https ://angular-ncv2mp.stackblitz.io/ 我也尝试使用按钮，但它也不起作用。

有谁能够帮助我？

Stack Overflow 上有很多工具提示解决方案，即。当用户将鼠标悬停在某些其他文本上时显示某些文本或 HTML 的方法。然而，我似乎找不到一个：

• 是纯HTML + CSS
• 允许工具提示内联（例如，不需要一个<div>或其他块元素）
• 允许 HTML 工具提示内容（可能带有display:block）

这些要求来自于想要提供内联、文本段落内术语的定义，并且我希望这些定义能够包含块显示 HTML 内容（例如段落和图像）。

我发现的大多数纯 CSS 解决方案似乎都是通过将“工具提示”定义嵌套在悬停目标的 HTML 中来工作的。但是，如果您希望该术语是内联的，但其定义是块，则这是不可能的，因为您必须在内联标记内嵌套块内容。

我是否可以使用任何其他方法，让我将段落内的单词或短语作为“悬停目标”，然后在发生这种情况时显示 HTML 悬停定义......无需 Javascript？

我试图在鼠标触摸按钮时添加一种标签,我使用了Jlabel,但我没有创建它.

你能帮助我吗？

我试图弄清楚如何使工具提示出现在由框包围的画布区域上。理想情况下，如果用户将鼠标悬停在点上并且误差范围在 10 像素以内，就会出现工具提示。

import tkinter as tk;
from idlelib.ToolTip import ToolTip;

windowWidth = 960;
windowHeight = 720;
canvasWidth = windowWidth - 10;
canvasHeight = windowHeight - 10;

''' Main Window '''
root = tk.Tk();
root.resizable(width=False, height=False);
root.geometry('{}x{}'.format(windowWidth, windowHeight));
root.title('Sample');

''' Canvas '''
canvas = tk.Canvas(root,
              width = canvasWidth,
              height = canvasHeight,
              bg = 'grey');
canvas.pack(side = tk.RIGHT, padx = 5);

xo = canvasWidth / 2
yo = canvasHeight / 2;
point = canvas.create_rectangle(xo - 1, yo - 1, xo + …

我正在尝试将工具提示放入数据表中。但工具提示不起作用。

在这里，我按姓名、年龄和角色创建一个数据表。我使用工具提示栏网站来指示信息。我正在使用安卓工作室。任何帮助深表感谢！

这是颤振代码；请注意数据栏中的工具提示。

import 'package:flutter/material.dart';
    
    void main(){
      runApp(MyApp());
    }
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          debugShowCheckedModeBanner: false,
          home: Home(),
        );
      }
    }
    
    class Home extends StatefulWidget {
      @override
      _HomeState createState() => _HomeState();
    }
    
    class _HomeState extends State<Home> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text("Data Table"),
          ),
          body: Center(
            child: DataTable(
              columns: [
                DataColumn(label: Text("Name"), tooltip: "Name"),
                DataColumn(label: Text("Age"), tooltip: "Age"),
                DataColumn(label: Text("Role"), tooltip: "Role")
              ],
              rows: [
                DataRow(cells: [ …

我有这个：

span {
    padding: 10px;
    display: inline;
}

[title]:hover::before {
    background: #333;
    top: 20%;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    color: #fff;
    content: attr(title);
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: auto;
}

<span class="dijitButtonContents" id="saveButton" title="Save as draft"><span id="saveButton_label">Save</span></span>

我需要添加一个这样的指向箭头：

任何人都可以通过仅使用伪元素来帮助我实现这一目标吗？

谢谢。

我对Web开发还很陌生,我被要求创建一个只在鼠标悬停在图像上方显示的框(静态图标)并显示我的代码块(facebook likebox,动态qr代码图标等).能帮我找到最优雅的解决方案吗？

任何帮助赞赏!