Опишу проблему. Хочу подключить яваскрипт-график для отображения информации. Сама вьюха:
<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
<h2> Топливная статистика байка <%= @bike.name %>, владелец <%= @bike.user_name %> </h2>
<% get_stata_l_na_100_km %> //*получаю значение json из хелпера
<div id='chartDivRashod'>
<%= javascript_include_tag "fuel_chart" %> //*подгружаю JS-график из файла
</div>
в хелпере полчаю переменную @json_stata_l_na_100_km в json-формате, сам хелпер:
module StataFuelsHelper
def get_stata_l_na_100_km
@stata_graph = []
@view_stata_fuel.each do |stata|
@stata_graph << (stata.refueling / (stata.odo_delta / 100)).round(2).to_f
end
@json_stata_l_na_100_km = @stata_graph.to_json
end
end
и сам подгружаемый яваскрипт-файл fuel_chart.js с графиком ZingChart:
var chartRashod = {
type: "bar", // Specify your chart type here.
"plot": {
"value-box": {
"text": "%node-value"
}
},
title: {
text: "средний расход, л/100 км" // Adds a title to your chart
},
legend: {
"header": {
"text": "байк"
}
}, // Creates an interactive legend
"type": "bar",
"scale-x": {
"zooming": true
},
"scale-y": {
"zooming": false
},
"preview": {
"visible": true
},
series: [
{ text: "1",
values: <%= JSON.parse(@json_stata_l_na_100_km) %> }
]
};
zingchart.render({ // Render Method[3]
id: "chartDivRashod",
data: chartRashod,
height: 400,
width: 600
});
При запуске консоль выдает ошибку скрипта SyntaxError: expected expression, got '<' values: <%= JSON.parse(@json_stata_l_na_100_km) %> }. Если убрать обертку <%= %> то выдает ошибку SyntaxError: illegal character, т е строку не воспринимает. А вот если не выношу яваскрипт-код в отдельный файл и пишу его во вьюхе, завернув в script ... /script - то график отрабатывает на ура без проблем.
Как решить проблему, что я делаю не так? Заранее спасибо.
fuel_chart.js
где находится в проекте?