在 clojurescript 中实现图表

Question

我一直在尝试在 clojurescript 中实现图形，我使用 c3.js 库进行实现，但无法渲染图形， 我之前遇到了 c3.generate() 错误，但即使解决了这些错误，图表也没有显示

(defn new-chart[] 
  (println"Inside new chart ") 
  (let [c3-version (.-version js/c3)
        _ (println c3-version) 
        config-map {:bindto "#chart"
                    :data {:columns
                           [["data1" 30 200 100 400 150 150]
                            ["data2" 50 20 10 40 15 25]]
                           } } 
           _ (println "Config map "config-map) 
         myjs (clj->js config-map)]
        
(.generate js/c3 myjs)))

(defn rev-chartjs-component [] 
  (reagent/create-class {:component-did-mount #(new-chart)
                         :display-name "chartjs-component"
                         :reagent-render (fn []
                                           (println "Inside render function")
                                           [:canvas {:id "#chart" :width "700" :height "380"}])}))

[rev-chartjs-component] ;;this is called inside a [:div]

Answer 1

如果没有更多上下文，有点难以回答，但我看到的一个错误是使用

[:canvas {:id "#chart"} ...

，它不应该有

#

。

#

是通过 id 获取元素的选择器语法的一部分，它不是实际 id 的一部分。

无论哪种方式，您都应该在浏览器控制台中收到错误消息，该消息应该提供有关出现问题的更多信息。