Всем привет, хотелось бы немного показать возможности design studio.
Примерно месяц назад появилась возможность писать кастомные компоненты на js.
На официальном форуме не смог найти ответа на вопрос - как подключить сторонние библиотеки.
следующий код рисует колоночный чарт на основе библиотеки d3.js
Code:
var that = this;
this.init = function() {
var left= that.$().Left;
this.$().prepend('<p style="text-indent:0px"> </p>');// вот вся хитрость создаем тег который потом захватим канвасом
};
this.afterUpdate = function() {
chart(); //функция отрисовки
};
function chart(){
var dataArray=[13,4,20]; // массив с данными для отображения
var canvas =d3.select("p") //захват
.append("svg")
.attr("width",that.$().width()) //привязка к размерам компонента
.attr("height",that.$().height());
var bars= canvas.selectAll("rect")
.data(dataArray)
.enter()
.append("rect")
.attr("width",function(d){return d*10;})
.attr("height",50)
.attr("y",function(d,i){return i*100;});
}
развитие темы приветствуется)