JSをMithrilに変換する（Chartkickを使用）

Question

Mithrilを使用するアプリケーションにChartkickを追加しようとしています。

ミスリルと一緒に使用するには、以下のコードをどのように変換しますか？

<h1>Line Chart</h1> 
<div id="line" style="height: 300px;"></div> 
<script> 
    new Chartkick.LineChart("chart-1", "/stocks") 
</script> 

ミスリルのページ：あなたがoncreate vnode lifecycle hook使用することをお勧めします

import m from 'mithril'; 
import _ from 'underscore'; 
import h from '../h'; 
import projectShareBox from './project-share-box'; 
import facebookButton from './facebook-button'; 
import addressTag from './address-tag'; 
import categoryTag from './category-tag'; 

const projectHighlight = { 
    controller() { 
     return { 
      displayShareBox: h.toggleProp(false, true) 
     }; 
    }, 
    view(ctrl, args) { 
     const project = args.project; 

     return m('#project-highlight', [ 
      m('.w-row.u-marginbottom-60', [ 
       m('.w-col.w-col-12.u-text-center', { 
        style: { 
         'min-height': '300px' 
        } 
       } 
      ]), 

Answer 1

。 https://jsbin.com/gogucuv/2/edit?html,js,output