echarts toolbox图标颜色如何修改？

Question

如何改变echarts toolbox图标颜色 如图

给的例子试了 不好使啊 求大神告知

Answer 1

文档
http://echarts.baidu.com/opti...

你需要看的是 toolbox.feature

根据文档说明
你修改 feature下的组件icon内容
支持svg和图片
所以 你要做的就是 用一个带颜色svg 或 彩色的图片 做icon即可

你可以尝试官方的案例测试
http://echarts.baidu.com/gall...

你需要把

toolbox: {
  show: true,
  feature: {
    dataZoom: {
      yAxisIndex: 'none'
    },
    dataView: {readOnly: false},
    magicType: {type: ['line', 'bar']},
    restore: {},
    saveAsImage: {}
  }
}

修改成

toolbox: {
  show: true,
  feature: {
    myTool1: {
      show: true,
      title: '自定义扩展方法1',
      icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
      onclick: function (){
        alert('myToolHandler1')
      }
    },
    myTool2: {
      show: true,
      title: '自定义扩展方法',
      icon: 'image://http://echarts.baidu.com/images/favicon.png',
      onclick: function (){
        alert('myToolHandler2')
      }
    }
  }
}