HighCharts Pattern填充条纹

时间:2015-05-07 20:31:51

标签: javascript css highcharts

我正在使用highcharts并遇到过一个问题。我有一个柱形图条形图。我一直在摆弄颜色,甚至查看了这里提到的高图表模式填充信息http://www.highcharts.com/plugin-registry/single/9/Pattern-Fill,但是还没能达到我想要的效果。我试图让单个条的颜色为条纹黑白颜色。像这样的颜色会http://thumb1.shutterstock.com/display_pic_with_logo/924836/169423604/stock-photo-seamless-black-white-diagonal-stripe-169423604.jpg

但是条形应该稍厚一些,它们应该以相同的方式倾斜。我希望这种颜色只影响一个条形,而不影响其余条形。有没有办法做到这一点?关于实际制作这种图案填充以及使它只影响一个条形图?

1 个答案:

答案 0 :(得分:2)

如果我理解正确,你需要在带有斜条纹的列上更改图片

来自官方网页的这个js小提琴演示,但我更改了列设置:

 color: {
            pattern: 'http://images2.layoutsparks.com/1/192908/black-white-diagonal-stripes.jpg',
            width: 24,
            height: 24,
  ****
}

这是jsfiddle