chart.js怎么去掉背景颜色
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了chart.js怎么去掉背景颜色相关的知识,希望对你有一定的参考价值。
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" ></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> 参考技术A Chart.js是一个基于HTML5的开源图表库,可以方便简洁的绘制美观的图表。
主要特性包括:
1、支持6种不同的表格类型:曲线图、柱状图、饼状图、雷达图、极坐标区域图、环图。
2、基于HTML5开发,支持所有浏览器(包括IE7/8).
3、不依赖于其他任何库,仅有4.5k大小,并且可以进行定制。
Chart.js 是一个基于 HTML5 canvas 的响应式、灵活的、轻量化的图表库。库中提供了六种不同的图表类型,每种类型都带有一系列的自定义选项。如果这些还不够,你还可以创造自己的图表类型。
Chart.js 的六种图表类型代码一共只有 11 kb 大,并做了 gzip 压缩处理,另外该库是模块化的,你可以仅仅使用自己需要的图表类型,从而进一步节省了空间。下面是包含该库的 cdnjs 链接。 参考技术B 你要弄成透明的么?
chart.js是可以配置颜色的,如果你要设置成透明的,就使用RGBA值 ,将最后的A值设置成0
chart.js 雷达图怎么修改背景颜色
参考技术A var polarData = [value: 300,
color:"#这里是改背景颜色",
highlight: "#FF5A5E",
label: "Red"
,
value: 50,
color: "#这里是改背景颜色",
highlight: "#5AD3D1",
label: "Green"
];
window.onload = function()
var ctx = document.getElementById("chart-area").getContext("2d");
window.myPolarArea = new Chart(ctx).PolarArea(polarData,
responsive:true
);
;本回答被提问者采纳
以上是关于chart.js怎么去掉背景颜色的主要内容,如果未能解决你的问题,请参考以下文章