Question

我使用HighCharts Pattern Fill plugin为条形图中的每个数据条应用不同的模式。看看这个小提琴：http://jsfiddle.net/ravinsp/tme364td/

var rawdata = [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4];
var datapoints = new Array();

for (var i = 0; i < 12; i++) {

  datapoints.push({
    y: rawdata[i],
    color: 'url(#highcharts-default-pattern-' + (i % 10) + ')'
  });
}

$('#container').highcharts({
  chart: {
    type: 'bar',
    height: 50 * 12
  },

  title: {
    text: 'Export and resize to see the issue'
  },

  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  },

  series: [{
    data: datapoints
  }]

});

仅在Chrome中，如果我导出图表，然后尝试调整图表大小，则图案栏会消失。它们仍然存在于DOM svg中，但只是没有在视觉上呈现。实际导出的图像是正确的。这只发生在 Chrome 中。 Firefox和IE Edge没有问题。

仅当您为每个数据点使用单独的颜色时才会出现这种情况。在整个系列中具有单一模式的图表中不会出现此问题（例如。http://jsfiddle.net/9KtwA/1/）。

还有其他人遇到过这个问题吗？

HighCharts Pattern填充多色系列 - 导出问题

0 个答案: