chart.js怎么去掉背景颜色

 我来答
育知同创教育
2016-01-26 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部
chart.js的背景颜色是可以配置的,根据颜色值确定:
<!doctype html>
<html>
<head>
<title>Line Chart</title>
<script src="../Chart.js"></script>
<meta name = "viewport" content = "initial-scale = 1, user-scalable = no">
<style>
canvas{
}
</style>
</head>
<body>
<canvas id="canvas" height="450" width="600"></canvas>
<script>
var lineChartData = {
       // x轴的标示
labels : ["January","February","March","April","May","June","July"],
       // 数据,数组中的每一个object代表一条线
datasets : [
{
        // 颜色的使用类似于CSS,你也可以使用RGB、HEX或者HSL
        // rgba颜色中最后一个值代表透明度
        // 填充颜色
fillColor : "rgba(220,220,220,0.5)",
        // 线的颜色
strokeColor : "rgba(220,220,220,1)",
        // 点的填充颜色
pointColor : "rgba(220,220,220,1)",
        // 点的边线颜色
pointStrokeColor : "#fff",
        // 与x轴标示对应的数据
data : [65,59,90,81,56,55,40]
},
{
fillColor : "rgba(151,187,205,0)",
strokeColor : "rgba(151,187,205,1)",
pointColor : "rgba(151,187,205,1)",
pointStrokeColor : "#fff",
data : [28,48,40,19,96,27,100]
}
]

}
var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData);

</script>
</body>
</html>
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
匿名用户
2016-01-22
展开全部
Chart.js是一个基于HTML5的开源图表库,可以方便简洁的绘制美观的图表。
主要特性包括:
1、支持6种不同的表格类型:曲线图、柱状图、饼状图、雷达图、极坐标区域图、环图。
2、基于HTML5开发,支持所有浏览器(包括IE7/8).
3、不依赖于其他任何库,仅有4.5k大小,并且可以进行定制。
Chart.js 是一个基于 HTML5 canvas 的响应式、灵活的、轻量化的图表库。库中提供了六种不同的图表类型,每种类型都带有一系列的自定义选项。如果这些还不够,你还可以创造自己的图表类型。
Chart.js 的六种图表类型代码一共只有 11 kb 大,并做了 gzip 压缩处理,另外该库是模块化的,你可以仅仅使用自己需要的图表类型,从而进一步节省了空间。下面是包含该库的 cdnjs 链接。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
三过其门儿不入
2016-01-22 · TA获得超过334个赞
知道小有建树答主
回答量:266
采纳率:87%
帮助的人:146万
展开全部
你要弄成透明的么?
chart.js是可以配置颜色的,如果你要设置成透明的,就使用RGBA值 ,将最后的A值设置成0
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式