Использую CefSharp.WPF
Задача состоит в получении текущего значения динамически изменяемого графика. Отыскав ответственный за обновление данных скрипт, нашёл вот такой пример:
define('components/Chart', ['lib/react'], function (React) {
return React.createClass({
displayName: 'Chart',
...
_draw: function () {
var canvas = this.refs.canvas.getDOMNode();
var ctx = canvas.getContext('2d');
this.graph.setData(...);
this.graph.calculatePlotValues();
this.graph.clean();
this.graph.drawAxes();
this.graph.drawGraph();
this.graph.drawIndexes();
this.graph.drawData(...);
}
...
render: function () {
...
}
});
}
*this.graph
- имеет тип Graph
и определён аналогичным образом (через define
и React.createClass
).
Сайт рисует график на canvas с о чём то говорящим атрибутом data-reactid
.
Я в JS не разбираюсь, но задача была поставлена так, что об этом сожалею :) Однако, прошу помочь мне разобраться что, собственно, этот скрипт делает. Думаю представленного общего вида хватит, чтобы это понять.
Разобравшись с этим, я планирую как то переопределить, если это возможно, Chart, чтобы тот не рисовал данные на canvas, а писал их в глобальную переменную, откуда я мог бы методом EvaluateScriptAsync
это читать.
Было предложение создать аналогичный класс в C#, затем зарегистрировать его в JS методом RegisterJsObject
. Таким образом, мы получим контроль над данными внутри класса, что нам и нужно. Однако, остаётся вопросом как правильно это сделать и будет ли это работать...