html js 扇形统计图_HTML5块状饼图数据可视化统计图表

CSS

语言：

CSSSCSS

确定

body {

/* Old browsers */

background: #fff2ad;

/* FF3.6+ */

background: -moz-radial-gradient(center, ellipse cover, #fff2ad 34%, #f5d200 100%);

/* Chrome,Safari4+ */

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(34%, #fff2ad), color-stop(100%, #f5d200));

/* Chrome10+,Safari5.1+ */

background: -webkit-radial-gradient(center, ellipse cover, #fff2ad 34%, #f5d200 100%);

/* Opera 12+ */

background: -o-radial-gradient(center, ellipse cover, #fff2ad 34%, #f5d200 100%);

/* IE10+ */

background: -ms-radial-gradient(center, ellipse cover, #fff2ad 34%, #f5d200 100%);

/* W3C */

background: radial-gradient(ellipse at center, #fff2ad 34%, #f5d200 100%);

/* IE6-9 fallback on horizontal gradient */

filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff2ad', endColorstr='#f5d200', GradientType=1);

}

.block-chart {

height: 400px;

overflow: hidden;

margin: 10px auto;

position: relative;

width: 400px;

}

.block-chart.small {

height: 250px;

width: 250px;

}

.block-chart.long-one {