小编sha*_*sen的帖子

我正在使用D3制作和弦图.

我试图这样做,以便当用户点击链接时,数据集将更改为另一个预定义的数据集.我已经查看了http://exposedata.com/tutorial/chord/latest.html和http://fleetinbeing.net/d3e/chord.html,并尝试使用其中的一些元素来使其工作.

以下是用于创建"默认"图表的JavaScript:

var dataset = "data/all_trips.json";

var width = 650,
    height = 600,
    outerRadius = Math.min(width, height) / 2 - 25,
    innerRadius = outerRadius - 18;

var formatPercent = d3.format("%");

var arc = d3.svg.arc()
    .innerRadius(innerRadius)
    .outerRadius(outerRadius);

var layout = d3.layout.chord()
    .padding(.03)
    .sortSubgroups(d3.descending)
    .sortChords(d3.ascending);

var path = d3.svg.chord()
    .radius(innerRadius);

var svg = d3.select("#chart_placeholder").append("svg")
    .attr("width", width)
    .attr("height", height)
  .append("g")
    .attr("id", "circle")
    .attr("transform", "translate(" + width / 1.5 + "," + height / 1.75 + ")");

svg.append("circle")
    .attr("r", …

我构建了一个具有多个维度和组的交叉过滤器,以使用dc.js直观地显示数据.可视化数据是自行车旅行数据,每次旅行都将加载.目前,有超过750,000条数据.我正在使用的JSON文件大70 MB,并且只需要在未来几个月收到更多数据时增长.

所以我的问题是,如何使数据更精益,以便它可以很好地扩展？现在加载我的互联网连接需要大约15秒钟,但是我担心一旦我有太多的数据需要太长时间.此外,我已经尝试(不成功)在数据加载时显示进度条/微调器,但是我没有成功.

我需要的数据列是start_date, start_time, usertype, gender, tripduration, meters, age.我已经在我的JSON中缩短了这些字段,start_date, start_time, u, g, dur, m, age因此文件更小.在横向过滤器上,顶部有一个折线图,显示每天的总行程数.下面是星期几的行图(根据数据计算),月份(也计算得出)以及用户类型,性别和年龄的饼图.下面是start_time(向下舍入到小时)和tripduration(向上舍入到分钟)的两个条形图.

该项目在GitHub上:https://github.com/shaunjacobsen/divvy_explorer(数据集在data2.json中).我试图创建一个jsfiddle,但它不起作用(可能是由于数据,甚至只收集了1000行并将其加载到带有<pre>标签的HTML中):http://jsfiddle.net/QLCS2/

理想情况下它会起作用,以便只有顶部图表的数据首先加载:这会加载很快,因为它只是按天计算数据.然而,一旦它进入其他图表,它需要逐步更多的数据来深入细节.关于如何使其发挥作用的任何想法？

在Xcode 9中,我将继续学习AppCoda教程以开始iOS开发.我注意到一些奇怪的行为,我想知道这是一个错误还是我不了解Interface Builder中的堆栈视图(因为应用程序在我的手机上编译并正确显示).

当我放置Label并将其设置为堆栈视图中的第三个元素(两个其他嵌套堆栈视图的兄弟)时,如果使用默认属性,它看起来很好.但是,当我将lines属性从1更改为0时,标签和相邻堆栈视图将从界面构建器中消失.

在尺寸检查器中,标签的坐标从0,208.5更改为0,-90.如果我更改这些属性,标签的高度将从0,0变为375,14600.5,并且Xcode会抛出错误:Interface Builder不支持大于10,000 x 10,000的UILabel大小.

这是Xcode的一个错误,还是这个版本的Xcode的行属性有一些改变的行为(该书目前涵盖了Xcode 8).

我正在利用draft-js 和react-draft-wysiwyg 库来创建一个所见即所得的编辑器。我希望向工具栏添加一些自定义选项以呈现最终的 HTML，例如 inline line-height。但是，我无法使修饰符的 applyInlineStyle()功能正常工作。

编辑：

import React, { Component } from "react";
import { ContentState, convertFromHTML, convertFromRaw, convertToRaw, EditorState, Modifier } from "draft-js";
import { Editor } from "react-draft-wysiwyg";
import draftToHtml from "draftjs-to-html";
import "../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css";

const toolbarOptions = {
  options: ["inline"],
  inline: {
    options: ["bold", "italic", "underline"],
    bold: { className: "rich-text-icon" },
    italic: { className: "rich-text-icon" },
    underline: { className: "rich-text-icon" }
  },
};

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = …