chart.js 雷达图怎么修改背景颜色

JavaScript08

chart.js 雷达图怎么修改背景颜色,第1张

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

})

}

如今大数据盛行,许多人都在寻求一款既好用又容易上手的工具,尤其是可视化工具。今天,就为各位数据人甄选10个最容易上手又好用的大数据可视化工具

1.ChartBlocks

无需编码的ChartBlocks是一个易于使用的在线工具。它可以轻松地从电子表格、数据库中构建可视化图表,整个过程可以在图表向导的指导下完成,只要跟随步骤执行便可。

2.Chart.js

Chart.js支持饼图、线性图和雷达图等多种图表类型,只有11KB大小的它快速且易于使用。这使它成为做小项目图表的很好选择。

3.Chartist.js

chartist.js使用了Sass的个性化风格,它的开发社区一直致力于打败其他所有JavaScript图表库,志向十分伟大。

4.D3.js

D3.js是一款开源的工具,在JavaScript上不仅开源实时交互,同时使用了HTML、CSS和SVG,在许多数据人的心中其都有着不可动摇的位置。

5.Datawrapper

不需要任何编程基础的Datawrapper非常容易使用,只需要上传数据,便能轻松地创建和发布图表。作为一款专注于新闻和出版的可视化工具,包括卫报、华尔街日报、华盛顿邮报、Twitter等知名媒体都使用了Datawrapper,它的地位由此可见。

6.Ember Charts

它是一款基于Ember.js框架和使用D3.js的可视化工具。有着易于扩展且有着极强的错误处理能力,即使遇到坏数据,系统也不会崩溃。要是任务以绘制时间序列图、柱状图、饼图和散点图为主,可将它列为首选。

7.Fusion Charts

Fusion Charts提供许多常用的如PNG、JPEG、SVG、PDF等格式的图表,而且还支持JSON和XML数据,它可以轻松集成Angularjs、jQuery库、React框架,以及ASP.NET、PHP语言

8.Google Charts

Google Charts非常人性化,不仅网站拥有一个非常好且全面的模板库,而且创建的图表是交互式甚至可缩放的,让用户可以从中找到所需的模板。

9.High Charts

提供Highstock和Highmaps两个专门的图表类型的High Charts,是一个JavaScript API与jQuery的集成工具,它的图表使用的是SVG格式,VML也让它支持旧版浏览器,很人性化。另外,High Charts提供的一系列插件是可以免费使用的

10.Infogram

Infogram最大的优势在于,它可以链接可视化信息图表与实时大数据。即使要在浩如星海的图表、地图、视频等可视化模板中选择想要的一款,也只须三个简单步骤便可实现。

选择适合自己使用的大数据可视化工具,让你轻松遨游大数据海洋!