d3 ParCoords, а не рендеринг - PullRequest
Новая
       20

d3 ParCoords, а не рендеринг

0 голосов
/ 31 декабря 2018

https://jsfiddle.net/jw7wc650/10/

Я вижу работающие части html, но не визуализацию параллельных координат ...

Мой код работал с пустой страницей html (изначально на python, и код /а именно там работает / рендер), но до сих пор я не смог отрендерить координаты par в блокноте jupyter. 

var sales_data = $s_data_python ;

d3.csv(sales_data, function(data) {
    //var parseDate = d3.time.format("%m/%d/%Y %H:%M:%S %p").parse;
        sales = data.map( function(data) { return {
        unit: data["Unit Booked"],
        }); 
 });

В своем блокноте я попытался превратить это в функцию с именем js_template, а затем вызватьследующие 3 ячейки: 

# Now let’s make a template for the html string
html_template = Template('''
<style> $css_text </style>
<div id="graph-div"></div>
<script> $js_text </script>
''')

js_text = js_template.substitute({'s_data_python': data,
                                       'graphdiv': 'graph-div'})

# let's make the template real
HTML(html_template.substitute({'css_text': css_template, 
                             'js_text': js_text}))

В этот момент я получаю 

Javascript error adding output!
ReferenceError: nan is not defined
See your browser Javascript console for more details.

Полная трассировка стека в консоли также не кажется очень полезной: 

ReferenceError: nan is not defined
Stack trace:
@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d line 4 > eval:14:157
globalEval@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:4:4231
domManip@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:5:21389
append@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:5:18980
OutputArea.prototype._safe_append@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29418:17
OutputArea.prototype.append_execute_result@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29455:9
OutputArea.prototype.append_output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29288:17
OutputArea.prototype.handle_output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29219:9
output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:31038:21
Kernel.prototype._handle_output_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32796:13
i@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:4:5486
Kernel.prototype._handle_iopub_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32823:20
Kernel.prototype._finish_ws_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32615:24
Kernel.prototype._handle_ws_message/this._msg_queue<@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32606:39

Для справки я попытался использовать для этого: https://medium.com/@stallonejacob/d3-in-juypter-notebook-685d6dca75c8

...