Действительно, что-то никак не хочет
<div class="col-xs-12 col-xl-6">
<div id="chart_1" class="chart"></div>
</div>
<div class="col-xs-12 col-xl-6">
<div id="chart_2" class="chart"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="http://dieta.ewbolg.ru/templates/_default_/js/highcharts.js"></script>
<script>
var chart1, chart2;
// Once DOM (document) is finished loading
$(document).ready(function() {
var leg = "15,15,18,40,30,25,60,60,80,70";
var legs = leg.split(",");
alert(legs.length);
// First chart initialization
chart1 = new Highcharts.Chart({
chart: {
renderTo: 'chart_1',
type: 'line',
height: 350,
},
title: {
text: 'Изменение размеров шеи,талии и бёдер за 10 недель в %'
},
xAxis: {
categories: [1,2,3,4,5,6,7,8,9,10]
},
yAxis: {
title: {
text: 'Interviewed'
}
},
series: [{
name: 'Талия',
data: [5, 10, 20, 22, 25, 28, 30, 40, 80, 90]
}, {
name: 'Бёдра',
data: legs
}, {
name: 'Шея',
data: [1, 3, 6, 0, 50, 25, 50, 60, 30, 100]
}]
});
})
</script>
причем с
var legs = [15,15,18,40,30,25,60,60,80,70];
работает