Cubism.js/d3.js Ölçeği ve Kapsamı

Question

birisi ölçekleri ve kapsamlarını

.call(context.horizon() 
      .extent([-100, 100]) 
      .scale(d3.scale.linear().domain([-10,10]).range([-100,100]) 
        ) 
    ); 

Örneğin Yukarıdaki kod ne yapar cubism.js

birlikte çalışma konusunda bazı fikir verebilir misiniz? değerleri

(-10 ila 10 numaraları) bir rasgele sayı üreteci kullanılarak oluşturulacak ben ölçüde maksimum ve minimum ayarlamak için kullanılır biliyoruz.

Bir ölçek, örnek tanımlamak için biliyorum:

var scale = d3.scale.threshold().domain([100]).range([0,100]) 
console.log(scale(1)) // returns 0 
console.log(scale(99.9)) // returns 0 
console.log(scale(88.9)) // returns 0 
console.log(scale(100)) // returns 100 

Ben http://alignedleft.com/tutorials/d3/scales/

Benim asıl mesele burada d3.scales hakkında okumak ben çok basit, benim veri için eşik tanımlamak istediğiniz olmasıdır 0-98 Kırmızı 98-100 Pembe 100 Mavi

Ya da belki sadece 0-99,99 Kırmızı 100 Mavi

Ancak, okuduğum herşeyi, çalışan bir şey inşa etmek için kullanamıyorum.

Answer 1

Verilerinizdeki anormallikleri göstermek için yalnızca farklı bir renk kullanmak istediğinizi tahmin ediyorum. Bu doğruysa, bir alan ve aralık oluşturmanıza gerek yoktur.

sadece böyle özel bir renk paleti oluşturabilirsiniz:

var custom_colors = ['#ef3b2c', '#084594', '#2171b5', '#4292c6', '#6baed6', '#9ecae1', '#c6dbef', '#deebf7', '#f7fbff', '#f7fcf5', '#e5f5e0', '#c7e9c0', '#a1d99b', '#74c476', '#41ab5d', '#238b45', '#006d2c', '#00441b']; 

Bu renk paleti sonuna tacked ekstra kırmızı renk ile this page üzerine paleti kullanılarak inşa edildi.

Sonra sadece bu gibi özel renkler çağırır:

d3.select("#testdiv") 
    .selectAll(".horizon") 
    ... 
    .call(context.horizon() 
       .colors(custom_colors) 
)); 

Çal etrafında renklerle Beğendiğiniz bir kombinasyonunu bulana kadar. Yukarıdaki örnekte, geriye kalanlar mavi ve yeşil çizgiyi takip ederken sadece aykırı kırmızı renkte olacaktır.

Bu yardımcı olur umarız!