Проблема с Vega [дубликат]
На данный вопрос уже ответили:
- Помогите решить проблему с AngularJS 2 ответа
Привет. Проблема с Vega -- библиотекой JS, позволяющей отрисовывать графики. У них на сайте с примерами беда. Есть, конечно, неплохие примеры формирования данных. Но, к сожалению, не могу найти Quick Start. Есть usage, но он у меня не стартанул. Вот пример того, что у меня не запускается:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script src="https://vega.github.io/vega/vega.min.js"></script>
<script src="https://vega.github.io/vega-embed/vega-embed.min.js"></script>
</head>
<body>
<div id="vis"></div>
<script>
vega.embed('#vis', 'https://vega.github.io/vega/spec/bar.vg.json');
// create a new view instance for a given Vega JSON spec
var view = new vega.View(vega.parse(spec))
.renderer('none')
.initialize();
// generate a static SVG image
view.toSVG()
.then(function(svg) {
// process svg string
})
.catch(function(err) { console.error(err); });
// generate a static PNG image
view.toCanvas()
.then(function(canvas) {
// process node-canvas instance
// for example, generate a PNG stream to write
var stream = canvas.createPNGStream();
})
.catch(function(err) { console.error(err); });
</script>
</body>
</html>Нашёл пример на просторах интернета следующего содержания:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://trifacta.github.io/vega/vega.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Vega tutorial</title>
</head>
<body>
<h1 id="title">Let's Try Vega</h1>
<div id="viz"></div>
<div id="text"></div>
<script type="text/javascript">
function parse(spec) {
vg.parse.spec(spec, function(chart) { chart({el:"#viz", renderer: "svg"}).update(); });
}
parse("barchart.json");
</script>
</body>
</html>Но он почему-то запускается непосредственно на сайте. При создании html-ки, он стартовать не хочет:
Замечу, что на сайте, помимо самой html больше ничего не приезжает:
Что я делаю не так? От чего локально не происходит отрисовка?
Проблема заключалась в том, что я не поглядел (в силу неопытности) на ошибки, которые выдал браузер.
Он говорил следующее:
Была ещё одна ошибка по поводу styles.css, но она ни на что не влияла. Как можно понять, запросы такого вида поддерживаются только для определённых протоколов. А у нас file://. Это нехорошо. Значит, заходим в консоль, поднимаем питоновский сервак (или любой другой): python -m SimpleHTTPServer. Идём на localhost:8000, после чего переходим в директорию, в который лежит наш html:
Теперь посмотрим, что лежит в barchart.json. Для этого идём в http://vega.anneladyem.org/barchart.json и видим здесь sarna.csv:
Этот файлик также необходимо скачать и добавить в папку, в которой лежит index.html: http://vega.anneladyem.org/sarna.csv.
Уаля, заработало:
-
21:12
Оборудование для ресторана: новинки профессиональной кухонной техники
-
22:17
-
22:13
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
-
20:12
-
20:06
-
19:59
-
19:51
-
19:43
-
18:31
- Почему SERVER_ADDR имеет не тот IP 48063 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30577 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 24016 visits
- Как через css изменить цвет png изображения? 10423 visits
- Blob video url download 10015 visits
- Php curl запрос через прокси с авторизацией 9291 visits
- Работа с captcha vk api 8157 visits
© "hostciti.net" 18.4.2025 | 08:38