Question

在Highcharts API中，他们将“影子”列为solidgauge plotOptions以及solidgauge series的属性，但在两种情况下都没有显示出任何差异。在我自己的项目和Highcharts jsfiddle演示中工作，如果我将其设置为true或分配具有特定属性的对象，它似乎似乎没有做任何事情。我做错了什么或这只是它的方式？

Answer 1

这似乎是一个错误 - 我在此报告：https://github.com/highcharts/highcharts/issues/7512

作为解决方法，您可以在此实时演示中应用SVG defs模式：http://jsfiddle.net/kkulig/ckLmz931/

<强> JS：

  defs: {
    glow: {
      tagName: 'filter',
      id: 'shadow',
      opacity: 1,
      children: [{
        tagName: 'feGaussianBlur',
        result: 'coloredBlur',
        stdDeviation: 5
      }, {
        tagName: 'feMerge',
        children: [{
          tagName: 'feMergeNode',
          in : 'coloredBlur'
        }, {
          tagName: 'feMergeNode',
          in : 'SourceGraphic'
        }]
      }]
    }
  }

<强> CSS

@import 'https://code.highcharts.com/css/highcharts.css';

.highcharts-point {
    filter: url(#shadow);
}

关于defs的文档演示： https://www.highcharts.com/docs/chart-design-and-style/gradients-shadows-and-patterns

Highcharts：Solidgauge Shadows

1 个答案: