Edit in JSFiddle

var tags = riot.mount('rg-chart', {
  				chart: {
    			type: 'doughnut', // line|bar|radar|polar|pie|doughnut
    			options: {}, // Look at Chart.js documentation on how to populate data and options
    			data: [{
      				value: 300,
      				color: "#F7464A",
      				highlight: "#FF5A5E",
      				label: "家賃"
    				}, {
      				value: 50,
      				color: "#46BFBD",
      				highlight: "#5AD3D1",
      				label: "光熱費"
    				}, {
      				value: 100,
      				color: "#FDB45C",
     				highlight: "#FFC870",
      				label: "食費"
    			}]
  			}
			})
		<rg-chart></rg-chart>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.6.2/riot+compiler.min.js"></script>
        <script src="https://cdn.jsdelivr.net/riotgear/latest/rg.min.js"></script>        
        <script src="https://cdn.jsdelivr.net/chart.js/1.0.2/Chart.min.js"></script>