ElementStacks

by hfrntt

HTML

<script src="http://highcharts.com/js/testing-exporting.js"></script>
<div id="container" style="height: 400px; width: 500px"></div>

JavaScript

window.chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },    
    xAxis: {
        categories: []
    },
    series: [{
        type: 'column',
        data: [{
            y: 129
        }, {
            y: 75
        }]
    }]
}, function(chart){
    var r = chart.renderer,
        pattern = r.createElement('pattern')
            .attr({
                id: 'pattern',
                patternUnits: 'userSpaceOnUse',
                x: 0,
                y: 0,
                width: 100,
                height: 100,
                viewBox: '0 0 10 10'
            })
            .add(r.defs);
       
   var path = r.path(['M', 0, 0, 'L', 7, 0, 'L', 3.5, 7, 'z'])
       .attr({
           fill: 'red',
           stroke: 'blue'
       })
       .add(pattern);
});