我正在使用angular chart.js开发我的第一个示例代码,我无法更改自定义高度和宽度,如何更改画布的高度和宽度.
码:
CSS
#myChart {width:500px; 高度:500像素; }
HTML
<body ng-controller="LineCtrl">
<canvas id="myChart" ></canvas>
<div class="chart-container">
<linechart data="data" options="options" mode=""></linechart>
</div>
使用Javascript
var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: "My Second dataset",
fillColor: "rgba(151,187,205,0.2)",
strokeColor: "rgba(151,187,205,1)",
pointColor: "rgba(151,187,205,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)",
data: …我使用d3.js中的可重用图表从c3.js开发,但无法从对象数组中获取数据,我尝试了给定格式的代码.
var chart=c3.generate({
data:{
json:[
{"key":[2000],"value":100},{"key":[2001],"value":200},{"key":[2003],"value":300},{"key":[2004],"value":400},{"key":[2005],"value":500},{"key":[2006],"value":600},{"key":[2007],"value":700}
],
keys:{x:'key[0]',
value:'value',
}
},
axis: {
x: {
type: "category"
}
}
})