小编Fra*_* Bi的帖子

在d3刻度上在轴的两侧刻上标记

我试图在y轴的两侧显示刻度线.由于代码如下所示,我能够根据-width从左到右从起点绘制刻度线的长度来扩展刻度线.

是否可以将刻度线的起点进一步向左移动?

我的意图是美学,但要使刻度值直接超过刻度线的长度.

我有一个网格设置,由容器长度刻度标记组成:

// Axis
var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom")
    .tickSize(-height);

var yAxis = d3.svg.axis()
    .scale(y)
    .orient("left")
    .tickSize(-width)
    .tickFormat(d3.format("s"));
Run Code Online (Sandbox Code Playgroud)

基于这些尺度:

// Scale
var x = d3.time.scale()
    .range([0, width]);

var y = d3.scale.linear()
    .range([height, 0]);
Run Code Online (Sandbox Code Playgroud)

我的轴被附加到svg,如下所示:

svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0," + height + ")")
    .call(xAxis)
    .call(adjustXLabels);

svg.append("g")
    .attr("class", "y axis")
    .call(yAxis)
    .call(adjustYLabels);
Run Code Online (Sandbox Code Playgroud)

javascript svg d3.js

7
推荐指数
1
解决办法
1881
查看次数

在ajax响应之后在Flask中渲染Jinja模板

这是我第一次潜入Flask + Jinja,但我过去曾经使用过HandlebarsJS,所以我知道这是可能的,但我不知道如何用Flask解决这个问题:

我正在构建一个应用程序:用户输入一个字符串,通过python脚本处理,结果是ajax返回到客户端/ Jinja模板.

我可以使用$("body").append(response)输出结果,但这意味着我需要在追加中编写一些讨厌的html.

相反,我想在处理结果后渲染另一个模板,并将新模板附加到原始模板中.

这可能吗?

我的python:

from flask import Flask, render_template, request, jsonify

from script import *

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/getColors')
def add_colors():

    user = request.args.get("handle", 0, type = str)

    return jsonify(
        avatar_url = process_data(data)
    )

if __name__ == '__main__':
    app.run()
Run Code Online (Sandbox Code Playgroud)

javascript python ajax jinja2 flask

4
推荐指数
1
解决办法
3175
查看次数

webpack v5 devtool 应该匹配模式

使用 webpack 5 设置一个简单的 Middleman 应用程序,但收到此无效配置对象错误:

[webpack-cli]
Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
 - configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$".
   BREAKING CHANGE since webpack 5: The devtool option is more strict.
   Please strictly follow the order of the keywords in the pattern.
Run Code Online (Sandbox Code Playgroud)

此处列出devtool 选项似乎没有给出除上述错误之外的任何其他错误,也没有遗漏 devtool 或明确将其设为 false。

这是我使用 webpack 4 时的设置,但希望您能深入了解什么可以解除无效配置错误。

我的 package.json

{
  "name": "webpack5_practice",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo …
Run Code Online (Sandbox Code Playgroud)

webpack webpack-5

4
推荐指数
1
解决办法
3150
查看次数

d3 中的反向颜色映射

我有一组从 1 到 100 的数字——它们是排名,所以 1 大于 2(30 大于 100,等等)

这是我现在的颜色功能:

var color = d3.scale.linear()
            .domain([0, 100])
            .range(colorbrewer.Reds[3]);
Run Code Online (Sandbox Code Playgroud)

除了这将 1 和 2 映射为较浅的阴影或红色。

任何想法如何解决这个问题?我认为我的术语(反向?反向颜色映射?)不正确,因为我在文档中找不到它。

谢谢你。

javascript d3.js

3
推荐指数
1
解决办法
2720
查看次数

标签 统计

javascript ×3

d3.js ×2

ajax ×1

flask ×1

jinja2 ×1

python ×1

svg ×1

webpack ×1

webpack-5 ×1