Skip to content

Instantly share code, notes, and snippets.

@edwthomas
Created June 7, 2016 20:43
Show Gist options
  • Save edwthomas/08482a18a4aaf8655dc80f29f15beeef to your computer and use it in GitHub Desktop.
Save edwthomas/08482a18a4aaf8655dc80f29f15beeef to your computer and use it in GitHub Desktop.
Using CLJS and Re-frame to call third-part JS library (Chartist.js)
(:require [re-frame.core :as re-frame]
[reagent.core :as reagent]
[cljsjs.chartist])
(defn show-chart
[]
(let [chart-data {:labels ["Mar-2012" "Jun-2012" "Nov-2012" "Oct-2013" "Nov-2014"]
:series [[1 1 6 15 25]]}
options {:width "700px"
:height "380px"}]
(js/Chartist.Line. ".ct-chart" (clj->js chart-data) (clj->js options))))
(defn chart-component
[]
(let [some "state goes here"]
(reagent/create-class
{:component-did-mount #(show-chart)
:display-name "chart-component"
:reagent-render (fn []
[:div {:class "ct-chart ct-perfect-fourth"}])})))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment