Я хочу построить гистограмму из данных, хранящихся в текстовом файле (.txt). Я пытаюсь использовать следующий сценарий d3.js, ссылка здесь: https://bl.ocks.org/mbostock/3048450
<script>
var data = d3.range(1000).map(d3.randomBates(10));
var formatCount = d3.format(",.0f");
var svg = d3.select("svg"),
margin = {top: 10, right: 30, bottom: 30, left: 30},
width = +svg.attr("width") - margin.left - margin.right,
height = +svg.attr("height") - margin.top - margin.bottom,
g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")");
var x = d3.scaleLinear()
.rangeRound([0, width]);
var bins = d3.histogram()
.domain(x.domain())
.thresholds(x.ticks(20))
(data);
var y = d3.scaleLinear()
.domain([0, d3.max(bins, function(d) { return d.length; })])
.range([height, 0]);
var bar = g.selectAll(".bar")
.data(bins)
.enter().append("g")
.attr("class", "bar")
.attr("transform", function(d) { return "translate(" + x(d.x0) + "," + y(d.length) + ")"; });
bar.append("rect")
.attr("x", 1)
.attr("width", x(bins[0].x1) - x(bins[0].x0) - 1)
.attr("height", function(d) { return height - y(d.length); });
bar.append("text")
.attr("dy", ".75em")
.attr("y", 6)
.attr("x", (x(bins[0].x1) - x(bins[0].x0)) / 2)
.attr("text-anchor", "middle")
.text(function(d) { return formatCount(d.length); });
g.append("g")
.attr("class", "axis axis--x")
.attr("transform", "translate(0," + height + ")")
.call(d3.axisBottom(x));
</script>
Теперь я хочу получить данные, хранящиеся в текстовом файле, без случайной генерации, как указано в первой строке
var data = d3.range(1000).map(d3.randomBates(10));
Пожалуйста, предложите мне, как я могу извлечь данные, хранящиеся в текстовом файле, в переменной "данные". Любая помощь ценится.
Благодарю.
Поскольку ваш текст может быть проанализирован как json:
d3.json("data.txt",function(error,data) {
// code that uses the var data here (could be all the histogram code if you want)
})
Если вы по какой-то причине хотите сохранить верность текстовому формату, вы можете удалить квадратные скобки и использовать:
d3.text("data.txt",function(error,text) {
var data = text.split(",");
// code that uses the var data here
})
Эти функции запроса (d3.json, d3.text) являются асинхронными, поэтому вы не можете использовать содержимое файла вне обратного вызова. Таким образом, части кода с использованием data
и расширением bins
должны быть в пределах обратного вызова.
var x = d3.scaleLinear().domain([0,50]).range(...
Домен по умолчанию - [0,1].