小编Aya*_*yan的帖子

在JS中自动聚焦输入元素

我无法自动对焦在此组件中呈现的输入标记.我在这里错过了什么？

class TaskBox extends Component {
  constructor() {
    super();
    this.focus = this.focus.bind(this);
  }

  focus() {
    this.textInput.focus();
  }

  componentWillUpdate(){
    this.focus();
  }

  render() {
    let props = this.props;
    return (
      <div style={{display: props.visible ? 'block' : 'none'}}>
        <input
        ref={(input) => { this.textInput = input; }}
        onBlur={props.blurFN} />
        <div>
          <div>Imp.</div>
          <div>Urg.</div>
          <div>Role</div>
        </div>
        <div>
          <button>Add goal</button>
        </div>
      </div>
    )
  }
}

Run Code Online (Sandbox Code Playgroud)

任何帮助表示赞赏.

javascript reactjs

Aya*_*yan

lucky-day

14
推荐指数

1
解决办法

2万
查看次数

融合图表multilevelpie文本截断/重叠问题

我使用过"multilevelpie"图表.由于图表中的数据较少(例如10或1),标签名称将与另一个合并.

我已附上截图与消息,请考虑并给我一个解决方案

请检查JsFiddle重新生成的问题..我还附加了图像,奇怪的错误

Js小提琴的例子

FusionCharts.ready(function () {
var topProductsChart = new FusionCharts({
    type: 'multilevelpie',
    renderAt: 'chart-container',
    id : "myChart",
    width: '500',
    height: '500',
    dataFormat: 'json',
    dataSource: {
        "chart": {
            "caption": "Split of Top Products Sold",
            "subCaption": "Last Quarter",
            "captionFontSize": "14",
            "subcaptionFontSize": "14",
            "baseFontColor" : "#333333",
            "baseFont" : "Helvetica Neue,Arial",   
            "basefontsize": "9",
            "subcaptionFontBold": "0",
            "bgColor" : "#ffffff",
            "canvasBgColor" : "#ffffff",
            "showBorder" : "0",
            "showShadow" : "0",
            "showCanvasBorder": "0",
            "pieFillAlpha": "60",
            "pieBorderThickness": "2",
            "hoverFillColor": "#cccccc",
            "pieBorderColor": "#ffffff",
            "useHoverColor": "1",
            "showValuesInTooltip": "1",
            "showPercentInTooltip": …

Run Code Online (Sandbox Code Playgroud)

javascript fusioncharts

Pra*_*aja

2016 07-30

5
推荐指数

1
解决办法

704
查看次数

d3 v4实现中的d3-brush的JS错误

该示例对于d3 v3版本效果很好。它是该示例的修剪版本，在与按钮交互时，笔刷会在其新位置上进行动画处理。

我实际上正在尝试使用d3 v4版本执行此操作。

进行修剪以识别关注区域。修剪后的代码是

var margin = { top: 10, right: 10, bottom: 100, left: 40 },
      margin2 = { top: 430, right: 10, bottom: 20, left: 40 },
      width = 960 - margin.left - margin.right,
      height = 500 - margin.top - margin.bottom,
      height2 = 500 - margin2.top - margin2.bottom;

  var parseDate = d3.timeParse("%b %Y");

  var x = d3.scaleTime().range([0, width]),
      x2 = d3.scaleTime().range([0, width]),
      y = d3.scaleLinear().range([height, 0]),
      y2 = d3.scaleLinear().range([height2, 0]);

var xAxis = …

Run Code Online (Sandbox Code Playgroud)

html javascript css charts d3.js

Aya*_*yan

2016 12-29

5
推荐指数

1
解决办法

745
查看次数

在 d3.js 中不使用 selectAll 时会忽略第一个数据

片段1

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>D3 Test</title>
  <script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>
</head>

<body>
  <script type="text/javascript">
    var data = [];
    for (i = 0; i < 3; i += 1) {
      data.push(i);
    }
    d3.select('body')
      // .selectAll('p')
      .data(data)
      .enter()
      .append('p')
      .text(function(d) {
        return d;
      });
  </script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

片段2

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>D3 Test</title>
  <script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>
</head>

<body>
  <script type="text/javascript">
    var data = [];
    for (i = 0; i < 3; i += 1) { …

Run Code Online (Sandbox Code Playgroud)

html javascript jquery d3.js

Aya*_*yan

2016 08-07

1
推荐指数

1
解决办法

482
查看次数