小编sar*_*den的帖子

有没有什么方法可以让纯净的CSS圆圈边框看起来更清晰,更小巧？或者某种方式使边框不会出现在外边缘的"锯齿状"？非常感谢!

我正在寻找一种方法,在悬停时将圆环图中心的文字更改.当没有悬停状态时,中心将显示总金额(此处我代表休假日,因此可能是15个休假日).当悬停时,中心的文本需要匹配悬停的段(可用,请求和休假日),但我无法弄清楚如何根据悬停更改中心的文本.有没有人有任何想法？任何帮助是极大的赞赏!!

http://jsfiddle.net/NVX3S/146/

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container1" style="min-width: 300px; height: 300px; margin: 0 auto"></div>


$(function () {
    var colors = ['#8d62a0', '#ceb3d8', '#d5dddd'];
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container1',
            type: 'pie',
            height: 250,
            width: 250,
            borderRadius: 0
        },
        credits: {
            enabled: false
        },
        title: false,
        tooltip: false,
        plotOptions: {
            pie: {
                borderWidth: 6,
                startAngle: 90,
                innerSize: '55%',
                size: '100%',
                shadow: true,
                // {
                //     color: '#000000',
                //     offsetX: 0,
                //     offsetY: 2,
                //     opacity: 0.7,
                //     width: 3 …

我希望在图表的一个部分为100%时删除白色边框.在100%我希望圆环图完整(没有线).不过,当有细分时我仍然需要粗线.有谁知道我怎么做到这一点？非常感谢你的帮助!非常感谢!

http://jsfiddle.net/NVX3S/153/

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="vacation-time-chart" style="min-width: 300px; height: 300px; margin: 0 auto"></div>
<div id="vacation-time-chart2" style="min-width: 300px; height: 300px; margin: 0 auto"></div>


$(function () {
var colors = ['#8d62a0', '#ceb3d8', '#d5dddd'];
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'vacation-time-chart',
        type: 'pie',
        height: 250,
        width: 250,
        borderRadius: 0
    },
    credits: {
        enabled: false
    },
    title: false,
    tooltip: false,
    plotOptions: {
        pie: {
            borderWidth: 6,
            startAngle: 90,
            innerSize: '55%',
            size: '100%',
            shadow: true,
            // {
            //     color: '#000000',
            //     offsetX: 0, …