echarts.js饼状图之间的间隔怎么设置

series.itemStyle.borderColor，series.itemStyle.borderWidth，然后你会发现边框包裹了整个分块，这个时候把这个图表的背景色调成和series.itemStyle.borderColor相同，就形成了环形图每个版块之间的分隔。

1、Chartist.js 是简单的响应式图表，可以作为前端图表生成器。

主要特性：

使用基于配置的转换简单处理

使用明确的分离，具有巨大的灵活性(使用 CSS 样式和 JS 控制)

使用 SVG

完全响应式，具有独立 DPI

多媒体查询的响应式配置

完全使用 SASS 构建，并且支持自定义

2、Chartist.js的使用方法

1）在其官方网站中下载JS包和CSS包，并且在页面中引用它们：

<link rel="stylesheet" href="bower_components/chartist/dist/chartist.min.css">

<script src="bower_components/chartist/dist/chartist.min.js">

2）绘图，直接调用包内的函数即可，以线形图为例来说明：

new Chartist.Line('.ct-chart', {

 labels: ['1', '2', '3', '4', '5', '6'],

 series: [

   {

     name: 'Fibonacci sequence',

     data: [1, 2, 3, 5, 8, 13]

   },

   {

     name: 'Golden section',

     data: [1, 1.618, 2.618, 4.236, 6.854, 11.09]

   }

 ]

})

var easeOutQuad = function (x, t, b, c, d) {

 return -c * (t /= d) * (t - 2) + b

}

var $chart = $('.ct-chart')

var $toolTip = $chart

 .append('<div class="tooltip"></div>')

 .find('.tooltip')

 .hide()

$chart.on('mouseenter', '.ct-point', function() {

 var $point = $(this),

   value = $point.attr('ct:value'),

   seriesName = $point.parent().attr('ct:series-name')

 $point.animate({'stroke-width': '50px'}, 300, easeOutQuad)

 $toolTip.html(seriesName + '<br>' + value).show()

})

$chart.on('mouseleave', '.ct-point', function() {

 var $point = $(this)

 $point.animate({'stroke-width': '20px'}, 300, easeOutQuad)

 $toolTip.hide()

})

$chart.on('mousemove', function(event) {

 $toolTip.css({

   left: (event.offsetX || event.originalEvent.layerX) - $toolTip.width() / 2 - 10,

   top: (event.offsetY || event.originalEvent.layerY) - $toolTip.height() - 40

 })

})

3）实现的效果：