精华内容
下载资源
问答
  • Tooltip

    2020-12-02 01:37:33
    tooltip> <titlecomponent> <typography variant=".Subtitle2">Tooltip text</typography> </titlecomponent> <childcontent> <button variant="....
  • tooltip

    2019-06-17 10:29:38
    Echart插件的配置项tooltip。 原创作者:niexia. 来源:CSDN 原文:https://blog.csdn.net/niexia_/article/details/77891474 首先,tooltip是提示框组件,即鼠标移上去时候显示的提示信息。在demo饼图中 配置为 ...

    Echart插件的配置项tooltip。

    原创作者:niexia.
    来源:CSDN
    原文:https://blog.csdn.net/niexia_/article/details/77891474

    首先,tooltip是提示框组件,即鼠标移上去时候显示的提示信息。在demo饼图中

    配置为
    tooltip: {
    trigger: ‘item’,
    formatter: “{a}
    {b} : {c} ({d}%)”
    }
    对应的提示信息为:访问来源
    直接访问:335(21.56%)
    其中 tooltip的trigger属性的值为string类型
    [default:“item”] 触发类型。
    Triggle属性值有3种,分别是item,axis和none。其中item是数据项图形触发,主要在散点图,饼图等无泪目轴的图标中使用。Axis是坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。在 ECharts 2.x 中只支持类目轴上使用 axis trigger,在 ECharts 3 中支持在直角坐标系和极坐标系上的所有类型的轴。并且可以通过 axisPointer.axis 指定坐标轴。None则什么都不触发。

    对于formatter方法的格式,其中有{a}{b}{c}{d}{e}五种模板变量,分别表示系列名,类名,数据值等。在triggle属性为axis时候,系列名,类名可能不止一个,这时候可以用{a0},{a1},{a2}表示不用的系列。不同图表下的{a},{b},{c},{d}含义也不一样。
    折线(区域)图、柱状(条形)图、k线图:{a}系列名称,{b}(类目值),{c}(数值),{d}(无)
    散点(气泡)图:{a}(系列名称),{b}数据名称,{c}数值数组,{d}无
    地图:{a}系列名称,{b}区域名称,{c}合并数值,{d}无
    饼图、仪表盘、漏斗图:{a}系列名称,{b}数据项名称,{c}数值,{d}百分比

    Axis属性实例:
    var a=“今日”;

    tooltip: {
    trigger: ‘axis’,
    //加了变量a和字符’度’
    formatter:a+’{a0}:{c0}’+‘度’+’
    ’+a+’{a1}:{c1}’+‘度’
    },

    xAxis: {
    type: ‘category’,
    boundaryGap: false,
    data: [‘周一’,‘周二’,‘周三’,‘周四’,‘周五’,‘周六’,‘周日’]//{b}
    },

    series: [
    {
    name:‘最高气温’,//{a0}
    type:‘line’,
    data:[11, 11, 15, 13, 12, 13, 10],//{c0}

    },
    {
    name:‘最低气温’,//{a1}
    type:‘line’,
    data:[1, -2, 2, 5, 3, 2, 0],//{c1}

    }
    在这里插入图片描述

    展开全文
  • ToolTip

    2007-05-07 13:54:00
    第一个TextBox中的ToolTipService.InitialShowDelay属性是ToolTip延迟显示的时间,ToolTipService.ShowDuration属性是ToolTip显示的时间,ToolTipService.BetweenShowDelay属性是当鼠标从一个控件移动到另一个控件上...
     

    本例中有三个控件,两个TextBox和一个Ellipse。第一个TextBox中的ToolTipService.InitialShowDelay属性是ToolTip延迟显示的时间,ToolTipService.ShowDuration属性是ToolTip显示的时间,ToolTipService.BetweenShowDelay属性是当鼠标从一个控件移动到另一个控件上时的时间如果少于它的值,第二个控件的ToolTip就会立刻显示,如果大于这个值,就会按照第二个控件ToolTipService.InitialShowDelay的值来延迟显示。

    XAML代码:

    <Grid x:Name="LayoutRoot">

    <TextBox HorizontalAlignment="Left" ToolTipService.InitialShowDelay="1000"                ToolTipService.ShowDuration="5000" ToolTipService.BetweenShowDelay="2000" ToolTip="Useful information goes here."  VerticalAlignment="Top"     Height="125" Text="ToolTip with delay" Width="107.673"/>

       <TextBox HorizontalAlignment="Left" Margin="111.673,0,0,0" VerticalAlignment="Top" Width="171.687" Height="125" Text="ToolTip with non-text content">

         <TextBox.ToolTip>

                <ToolTip>

               <DockPanel Width="50" Height="40">

                 <Image Source="data\flower.jpg"/>

                 <TextBlock>Useful information goes here.</TextBlock>

               </DockPanel>

            </ToolTip>

         </TextBox.ToolTip>

    </TextBox>

       <Ellipse Width="75"

             Fill="Gray"

             HorizontalAlignment="Left"

             ToolTipService.InitialShowDelay="1000"

             ToolTipService.ShowDuration="7000"

             ToolTipService.BetweenShowDelay="2000" Margin="0,143.5,0,0" VerticalAlignment="Top" Height="77">

     <Ellipse.ToolTip>

        <ToolTip Placement="Right"

                 PlacementRectangle="50,0,0,0"

                 HorizontalOffset="10"

                 VerticalOffset="20"

                 HasDropShadow="false"

                 Opened="whenToolTipOpens"

                 Closed="whenToolTipCloses"             >

          <BulletDecorator>

            <BulletDecorator.Bullet>

             <Ellipse Height="10" Width="10" Fill="Red"/>

            </BulletDecorator.Bullet>

            <TextBlock>Uses the ToolTip Class</TextBlock>

          </BulletDecorator>

        </ToolTip>

     </Ellipse.ToolTip>

    </Ellipse>

    </Grid>

    CS代码中,首先声明一个Ellipse,然后判断sender的类型是否是一个Ellipse,如果是,就把这个Ellipse的填充色变为Blue。如果sender为一个ToolTip,首先声明一个ToolTip,然后把sender赋值于它,然后得到父控件,然后再得到布局控件,并把它转化成Ellipse,并把Ellipse的填充色变为Blue

    whenToolTipCloses则是相反的过程。

    CS代码:

     void whenToolTipOpens(object sender, RoutedEventArgs e)

            {

                Ellipse ell = new Ellipse();

                if (sender.GetType().FullName.Equals("System.Windows.Shapes.Ellipse"))

                {

                    ell = (Ellipse)sender;

                    ell.Fill = Brushes.Blue;

                }

                else if (sender.GetType().FullName.Equals(

                                         "System.Windows.Controls.ToolTip"))

                {

                    ToolTip t = (ToolTip)sender;

                    Popup p = (Popup)t.Parent;

                    ell = (Ellipse)p.PlacementTarget;

                    ell.Fill = Brushes.Blue;

                }

            }

     

            void whenToolTipCloses(object sender, RoutedEventArgs e)

            {

                Ellipse ell = new Ellipse();

                if (sender.GetType().FullName.Equals(

                                  "System.Windows.Shapes.Ellipse"))

                {

                    ell = (Ellipse)sender;

                    ell.Fill = Brushes.Gray;

                }

                else if (sender.GetType().FullName.Equals(

                                       "System.Windows.Controls.ToolTip"))

                {

                    ToolTip t = (ToolTip)sender;

                    Popup p = (Popup)t.Parent;

                    ell = (Ellipse)p.PlacementTarget;

                    ell.Fill = Brushes.Gray;

                }

            }

    转载于:https://www.cnblogs.com/axzxs2001/archive/2007/05/07/737850.html

    展开全文
  • <div><p>Is there any plans to allow an interactive tooltip to pop open another tooltip on top of it?</p><p>该提问来源于开源项目:calebjacob/tooltipster</p></div>
  • jQuery Tooltip

    2020-12-14 01:30:05
    jQuery Tooltip jQuery Tooltip 插件取代了原生的工具提示框,让它们可自定义,您只需要调整它们的内容、位置和外观即可。 该插件目前版本是 1.3,已经很长时间没有更新,推荐使用
  • Accessible tooltip

    2020-12-25 23:35:39
    <ul><li>[x] The element that serves as the tooltip container has role tooltip.</li><li>[x] The element that triggers the tooltip references the tooltip element with <code>aria-describedby</code> ...
  • Add tooltip

    2020-11-29 05:37:47
    s being dragged.</li><li>Add an option to format tooltip value.</li><li>Add tests to ensure tooltip rendering if enabled.</li><li>Add story in storybook.</li><li>Update README file with tooltip ...
  • tooltip visibility

    2020-12-09 15:24:32
    <p>For some reason that only works if i put <code>v-tooltip.notrigger</code> otherwise <code>visible</code> property is totally ignored and the tooltip is always displayed. I'm not sure if this is...
  • ToolTip OnClickListener

    2020-12-26 02:15:45
    <div><p>Is it possible to have an option to know if the tooltip was dismissed from clicking it? I need to know if the tooltip was dismissed from clicking it instead of from touching another element on...
  • bootstrap tooltip

    2020-12-30 11:10:03
    <div><p>Hi there. I tried to create bootsrap ...tooltip"]').tooltip({ html: true }) }) </code></pre> <p>Have you tested tooltips?</p><p>该提问来源于开源项目:SimonPadbury/b4st</p></div>
  • Add a mod which only appends a tooltip list and does nothing to remove anything from the tooltip list like silkspawners add this code for your zs: .addTooltip(format.gray("Craft together with a ...
  • Tooltip modifications

    2020-12-08 20:35:00
    - The ability to configure the EMC tooltip. - A tooltip for Collectors which shows how much they store and generate. - The ability to configure the tooltip I added. - The version was also moved to dev...
  • Cell tooltip

    2021-01-11 03:00:43
    <p>I saw that cell has a tooltip prop. I have columns and rows objects. I also have a couple of formatters, but I have no idea how to use the tooltip. I also couldn't find any examples about it. ...
  • Tooltip checkbox

    2020-12-01 23:41:10
    <p>When I create a tooltip for a checkbox, the tooltip only shows when you hover/click (depending on trigger events passed) on the checkbox itself. <p>Any chance to make the tooltip show/hide when ...
  • <p>Whenever i use the Tooltip.TOP attribute for positioning a tooltip above the view, there is always quite a bit of space underneath it. However when using Tooltip.BOTTOM, there is no space between ...
  • <div><p>We have a massive codebase and are migrating to ember-tooltips for all our tooltip needs. In the past people have created <code>tooltip</code> classes for their one-off tooltip components. ...
  • <div><p>I was looking into the bug or ruler resizes too quickly and i found an issue with the tooltip not hiding after enabling tooltip. <p>The tooltip will not display until initially checked then ...
  • <div><p>i want to create a close button inside tooltip and click on this close current open tooltip. any idea how to do this??</p><p>该提问来源于开源项目:jamietre/ImageMapster</p></div>
  • jquery tooltip

    2010-06-30 23:42:57
    jquery tooltip jquery tooltip jquery tooltip
  • <p>Refactored react-tooltip to vanilla tooltip, if this is <em>safter</em> than <code>react-tooltip</code> I can tidy it up to make it more user friendly and replace all instances of <code>react-...
  • <p>I currently have, inside my tooltip code, a button that loads data inside an empty div inside the tooltip. After the data gets loaded into the empty div, the tooltip expands and in essence, it ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 23,236
精华内容 9,294
热门标签
关键字:

tooltip