css - 工具提示上的 NVD3 圆形边框-6ren

css - 工具提示上的 NVD3 圆形边框

转载作者：行者123 更新时间：2023-11-28 07:45:49

27

4

我想在我的工具提示上有圆形边框。我查看了网站上的示例，它们默认显示漂亮的圆形边框。我使用了相同的样式(默认 nv.d3.css)但不幸的是我没有得到相同的结果。

你有什么想法吗？

<link rel="stylesheet" type="text/css" href="nv.d3.css"/>

<script src="http://d3js.org/d3.v3.js" charset="utf-8"></script>
<script src="nv.d3.js" charset="utf-8"></script>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<style>

#chart3 svg {
  height: 400px;
  background-color: #DDDDDD;
  border-radius: 10px;
} 

.nvtooltip table {
    margin: 0px;
    border-spacing:0px;
    border-collapse: separate;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border-color: rgba(105, 105, 176, 0.52);
    }

.nvtooltip thead {
    font-size: 14px;
    background-color: rgba(105,  105,  176, 0.2);
    padding: 15px;


    color: #212174;
}


.nvtooltip thead td {
    padding-left: 8px;
    border-bottom: 1px solid #4d4d4d; 
}
.nvtooltip tbody td {

    padding-right: 20px;
    padding-left: 8px;
    padding-top: 4px;
}

.nvtooltip tbody{
    font-family: 'Roboto', sans-serif;  
    font-size: 12px;
}

.nvtooltip table td.legend-color-guide div {
  width: 10px;
  height: 10px;
  vertical-align: middle;
}

.nvtooltip table td.legend-color-guide div {
    border-radius: 50%
}

.nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;  
}

.nvtooltip table tr.highlight td {
  padding-right: 20px;
    padding-left: 8px;
  padding-top: 4px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-top-width: 2px;
  background-color: rgba(93, 93, 175, 0.1);
}


</style>

<div id="chart3">
    <svg> </svg>
</div>

<script>
d3.json("chart.json", function(error, data) 
{
    nv.addGraph(function() 
    {
        var chart = nv.models.lineChart()
            .x(function(d) { return d.x; })
            .y(function(d) { return d.y; })
            .useInteractiveGuideline(true)


            //.forceY([0]);


chart.xAxis.tickFormat(function(d) 
      {

        return d3.time.format('%d/%m')(new Date(d))
      });



        chart.yAxis.tickFormat(function(d) 
      { 
          return 'kWh ' + d3.format(',f')(d) 
      });
chart.yAxis.tickValues([0],[1]);

        d3.select('#chart3 svg')
            .datum(data)
            .transition().duration(2500)
            .call(chart);
        nv.utils.windowResize(chart.update);
        return chart;
    });
});
</script>

最佳答案

已解决:

我需要添加以下类:

<body class='with-3d-shadow with-transitions'>

关于css - 工具提示上的 NVD3 圆形边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30703208/

27

4

0

文章推荐： javascript - Skrollr 影响距底部一定距离时淡入

文章推荐： css - 如何仅更改 X 轴的 CSS 背景位置？

文章推荐： css - 一些 div 在页 footer 分出现问题

ios - 圆形/圆形 UIView Swift - 不是没有角半径的正方形
我想要一个“真正的”圆形 UIView，以避免应用圆角半径的正方形 View 。因为我使用的是重力，我的圆圈不能很好地显示，因为它们在角落里不能相互接触(屏幕来自“Debug View Hierar
javascript - 圆形/矩形碰撞响应
所以我前段时间建了一点突破克隆，我想稍微升级一下，主要是为了碰撞。当我第一次制作它时，我在我的球和我的砖 block 之间进行了基本的“碰撞”检测，这实际上将球视为另一个矩形。但这造成了边缘碰撞的问
java - 在矩形内创建椭圆/圆形
我正在尝试在矩形内创建一个椭圆形/圆形。我正在尝试在 Canvas 上对位图图像执行此操作。这是我的代码: int x = (int) (midpoint.x*xRatio); int y = (in
ios - 圆形 UIButton
我想知道是否可以绘制圆形 UIButton(不是圆形矩形)。当我在自定义类型的 UIButton 中添加圆形图像时，它看起来像一个圆形按钮。但是在按钮被点击的那一刻，按钮的边界变得可见，所以它看起来
jQuery 圆形 slider ？
我有this slider在我的网站上。我想将 slider 移动到 360 度。我如何更改以下脚本来执行此操作？ $(document).ready(function() { /*Slide
python - 圆形 QGraphicsView
我正在 PyQt 中使用 QGraphicsView 构建一个 GUI，它将显示互连项目的大型网络，并且我希望能够叠加一个较小的门户来显示网络的远处部分 - 有点像“画中画” “之类的事情。这本身并不
ios - 圆形 ImageView
我正在尝试为个人资料图片圈出 ImageView 。在我限制 UiScreen 宽度之前它工作正常。代码如下 import UIKit class ViewController: UIViewCon
iOS 圆形 slider
我想创建一个如下所示的圆形 slider 。但我还想要两个功能。 1) 我想从任意点启动 slider ，但在图 1 中。从0开始。 2) 我想在单个圆形黑色图中包含多个 slider 。我正在分
css - 圆形 div
我有一个帖子 div，它位于一个奇怪的背景之上，正如您在此屏幕截图中所见 http://i.stack.imgur.com/L5Qj0.png文字越过我想要的区域。我尝试使用 border-radiu
iOS 圆形、模糊的文本字段
我想知道，如何在 ios 8 或 9 中创建圆形模糊文本输入字段和模糊按钮。我应该使用核心动画还是简单地在 ps 中绘制 png？我从来没有为 UI 使用过 Core Animation，你能推荐一个
CSS 圆形 mask
我希望在包含在主圆圈中的圆圈底部创建一个深色蒙版。你可以使用 css masks 来做到这一点吗？请参阅fiddle Change Profile
ios - 圆形 UIImageView
我有一个带有 ImageView 的自定义表格 View 单元格。我试图使 ImageView 成为圆形，但它不是圆形的，我无法查明问题所在。 import UIKit class Legislato
c - 如何在不加载图像的情况下在opencv上绘制矩形/圆形
最近一直在opencv里瞎折腾，一直在摸索绘图函数(cvCircle(...), cvRectangle(...), etc...)。它们可以正常工作，但我只能在之前加载的图像上绘制它们。有没有办法
java - 当鼠标悬停在JavaFX中的按钮上时如何创建节点(圆形)？
我有一个 FXML 文件、一个 CSS 文件和一个 Controller.java 文件。当鼠标悬停在 FXML 文件中的按钮上时，例如fx:id="负载" 如何在舞台上创建圆形节点？我目前正在这
algorithm - 圆形 - 矩形交点
我对圆-矩形相交有疑问。虽然是一个数字我发现了关于它的讨论，我无法得到答案。我的问题是 - 我的 View /窗口 (320 X 480) 有一个矩形下部 (100-200,0-50) .And a
android - 圆形 RecyclerView
假设我们有以下一组项目 View : View1 -> View2 -> View3 -> ... -> View(n-1) -> View(n) 在经典的 RecyclerView 上，View1
ios - 点击标记时如何删除谷歌地图上的形状(圆形)？
我可以在“didTapAt”事件中在谷歌地图上添加许多标记和圆圈，但我也想删除它们，对于标记我可以在“didTap 标记”事件中执行此操作但我如何才能删除它的形状而不是其他形状？最佳答案 let c
ios - 圆形 UIImageView
我正在尝试获得一个圆形的 UIImageView 但它似乎在不同的设备上呈现不同；在 iPhone Xr 上看起来像这样: 在 iPhone 7 上看起来像这样: 我的高度限制为 60，代码如下:
jQuery 圆形 slider
我想做一个如下图所示的圆形 slider 。jQuery 能够做到这一点吗？我知道直 slider 的工作原理，但我想制作一个 HTML5 圆形 slider 。这是我在网上找到的 http://j
iphone - 圆形 UIScrollView
我有一个包含图像的 UIScrollView。当用户到达最后一张图片并滑动手指查看下一张图片时，我想显示第一张图片。同样，当用户在第一张图片上滑动查看上一张图片时，我想显示最后一张图片。简而言之，这将

首页

博学

6Ren·AI

商城

css - 工具提示上的 NVD3 圆形边框