有没有办法缩放高图散点图的自定义标记？

marker.radius属性用于增加点标记的大小。

但是，使用自定义图像时，半径设置不会增加自定义标记的大小。

这是可能的高图或我们需要为每个可能的标记大小创建图像？

这里是我试过的代码：

$(function() { 
    $('#container').highcharts({ 
     chart: { 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 316.4, 294.1, 195.6, 154.4], 
      marker: { 
       symbol: 'triangle', 
       radius: 15 

      } 
     }, { 
      data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5], 
      marker: { 
       symbol: 'url(http://highcharts.com/demo/gfx/sun.png)', 
       radius: 50 
      } 
     }] 
    }); 
});

如预期的三角形增加，太阳没有。

这里是一个的jsfiddle一个链接，你可以自己尝试一下：

example

来源

2013-04-05 BentOnCoding

根据我的理解不可能通过属性，但是你可以直接修改DOM的IMAGE标签宽度，高度，x和y属性。 – 2013-04-05 03:48:37

您可以修改宽度/高度参数中的SVG元素，就像下面的例子：

http://jsfiddle.net/CedjX/

setTimeout(function(){ 
       chart.series[1].data[0].graphic.attr({ 
        width: 50, 
        height: 50 
       }); 
      }, 1)

来源

2013-04-05 09:36:09

从4.0.4开始你可以设置高度和宽度

根据您的图表要求，请参阅documentation了解详情。

来源

2015-11-25 09:52:09

你真的测试过了吗？ – BentOnCoding 2015-11-30 18:36:32

是的，我用过这个。当您设置高度和宽度时，不会保留P1笔记纵横比。查看链接http://api.highcharts.com/highcharts#series .data.marker.height – 2015-12-01 06:15:44

它不以我为中心。 – 2018-03-08 02:44:12

有没有办法缩放高图散点图的自定义标记？

回答

相关问题