我是一名设计师刚刚开始愚弄一些d3教程,当然我只是陷入困境.我想知道哪个是突出显示条形图中最大和最小列的最佳方法.我希望它们的颜色不同,比如"红色"代表最小的"绿色".任何人都可以帮助我.
这是我到目前为止所得到的:
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var t = 1297110663, // start time (seconds since epoch)
v = 70, // start value (subscribers)
data = d3.range(30).map(next); // starting dataset
function next() {
return {
time: ++t,
value: v = ~~Math.max(10, Math.min(90, v + 10 * (Math.random() - .5)))
};
}
setInterval(function() {
data.shift();
data.push(next());
redraw();
}, 1500);
var w = 11,
h = 120;
var x = d3.scale.linear()
.domain([0, 1])
.range([0, w]);
var y = d3.scale.linear()
.domain([0, 100])
.range([0, h]); …