小编nik*_*512的帖子

使用CSS的自定义单选按钮

我正在尝试创建自定义单选按钮,如下图所示.

我编写了代码,能够实现正确的样式,但无法在单选按钮之前显示标签.

.lengend-action-buttons {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
label {
  font-weight: normal;
  font-size: 14px;
  Font-Family: Metric-Regular;
  Color: #666666;
  display: block;
  cursor: pointer;
}
[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
[type="radio"] + span:before {
  content: '';
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.10em;
  border-radius: 1em;
  border: 0.35em solid #fff;
  box-shadow: 0 0 0 0.10em #36B18D;
  margin-right: 0.75em;
  transition: 0.5s ease all; …

Run Code Online (Sandbox Code Playgroud)

html css

nik*_*512

lucky-day

6
推荐指数

1
解决办法

801
查看次数

D3.js折线图工具提示问题

我已经使用d3.js创建了折线图，并在图表中添加了工具提示，在鼠标悬停时会创建一个小圆圈并显示y轴值。到此阶段，一切正常，但问题出在鼠标悬停时显示的圆的位置。

我希望此圆圈显示在线条上方，但始终显示在线条图上方或下方。

所以，我必须发出：

要修复工具提示圆，使其始终位于折线图的直线上？
如何显示定义点之间的点的y值？

.interpolate("basis")由于圈子位置变得混乱，我正在使用生成线。我不知道如何解决此问题，因为我需要.interpolate("basis")在我的代码中。

请任何人在此代码中了解如何解决这些问题：

var data = [{
    x: '1-May-12',
    y: 5
  }, {
    x: '30-Apr-12',
    y: 28
  }, {
    x: '27-Apr-12',
    y: 58
  }, {
    x: '26-Apr-12',
    y: 88
  }, {
    x: '25-Apr-12',
    y: 8
  }, {
    x: '24-Apr-12',
    y: 48
  }, {
    x: '23-Apr-12',
    y: 28
  }, {
    x: '20-Apr-12',
    y: 68
  }, {
    x: '19-Apr-12',
    y: 8
  }, {
    x: '18-Apr-12',
    y: 58
  }, {
    x: '17-Apr-12',
    y: 5
  }, { …

Run Code Online (Sandbox Code Playgroud)

javascript d3.js

nik*_*512

2015 12-18

2
推荐指数

1
解决办法

1066
查看次数