Question

我需要将标记符号转换为某些像素，使其不与系列线重叠。但似乎没有任何效果。有什么建议吗？

代码：

 $(function () {
   $('#container').highcharts({
    title: {
        text: 'Monthly Average Temperature',
        x: -20 //center
    },
    series: [{
        marker: {
            symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)',

        },
        data: [{
            y: 10,
        }, {
            y: 25,
        }, {
            y: 12,
        }, {
            y: 31
        }]
    }]
},function(chart){

    $.each(chart.series[0].data,function(i,point){


        this.graphic.attr({
            transform: "translate(-13,0)"
        });

    });

  });
});

Jsfiddle链接：http://jsfiddle.net/yd8hV/13/

Answer 1

您应该将$ .each（）函数包装到setTimeout（）函数中。

setTimeout(function () {
            $.each(chart.series[0].data, function (i, point) {
                this.graphic.attr({
                    transform: "translate(-15,-35)"
                });
            });
        }, 50);

您需要这样做，因为翻译选项的修改晚于您的回调函数。

例如： http://jsfiddle.net/izothep/yd8hV/20/

标记变换（翻译）不起作用

1 个答案: