小编pix*_*oco的帖子

我有一个页面分隔成通过锚点访问的部分.有没有办法让highcharts动画在其特定部分变为可见而不是页面加载时触发？

http://jsfiddle.net/YFMSb/2/(该图表位于"技能"下,因此希望在页面的该部分显示时进行初始动画.在后续访问期间不需要重新制作动画. /通过部分)

$(function () {
$('#container').highcharts({
    chart: {
            type: 'bar',
            spacingTop: 0
        },

        title: {
            text: ''
        },

        xAxis: {
            labels: {
                enabled: false
            }
        },

        yAxis: {
            min: 0,
            max: 100,
            title: {
                text: ''
            },
            labels: {
                enabled: false
            }
        },

        plotOptions: {
            series: {
                stacking: 'normal'
            }
        },


        tooltip: {
            formatter: function() {
               return '<b>'+ this.series.name +'</b>';
            }
        },

        series: [{
            name: 'clean',
            data: [10],
        }, {
            name: 'eat',
            data: [10]
        }, {
            name: 'sleep', …

当一片饼图悬停在我想要更改为指定的悬停颜色时,然后在鼠标离开该切片后再更改回原始颜色.

这里的文档(http://api.highcharts.com/highcharts#plotOptions.series.marker.states.hover)使得它看起来像以下工作,但我没有任何运气:

http://jsfiddle.net/pixeloco/ztJkb/3/

plotOptions: {
   series: {
      marker: {
        states: {
          hover: {
            fillColor: 'black'
          }
        }
      }
   }
},

我找到了这个解决方案http://jsfiddle.net/r6p7E/6/,但它要求所有切片都是相同的颜色.有没有办法让多色图表的切片在悬停时改变颜色？

我正在制作一个多级导航系统,并希望每个级别的背景颜色变暗20%(所以第一级= #fff,第二级= #ccc,第三名=#999等等).GOT是使用SASS函数动态自动化这个过程的一种很棒的方法,但是我无法完全理解语句的设置方式.谁能指出我正确的方向？

小提琴

<ul>
  <li>Level 1: Item 1 (#fff)
    <ul>
      <li>Level 2: Item 1 (#ccc)</li>
      <li>Level 2: Item 2 (#ccc)
        <ul>
          <li>Level 3: Item 1 (#999)</li>
          <li>Level 3: Item 2 (#999)</li>
          <li>Level 3: Item 3 (#999)</li>
        </ul>
      </li>
      <li>Level 2: Item 3 (#ccc)</li>
    </ul>
  </li>
  <li>Level 1: Item 2 (#fff)</li>
  <li>Level 1: Item 3 (#fff)</li>
</ul>

li
  background: darken(white, 20%)