бульдога с носорогом, или щасте андроида в extjs

чисто техническая запись, с кусками кода и кучей непонятных слов.


(предисловие) в аднроидных кругах чарты не любят. это или дорого или сложно.
нЕчего мне было делать, и я решил скрестить оба направления в одном решении.

итак, начнем с чартов.
вот такой простенький пример можно глянуть из ExtJs.



на самом деле их там дофига, надо просто полазить вблизи примера. и они сильно разные по сложности.
идея заключается в том, что бы в android использовать WebView, в который вытащить ExtJs чарт, и пользовать его как родной.
в данном случае на скорость работы глаза закроем.

шаг1: пишем ExtJs-ный чарт, точнее тырим пример.

шаг2: создаем android проект с WebView.

шаг3: закидываем в assets проекта 4 файлика

• Chart.html - разметка. может быть вообще пустой, но надо дать ссылки на остальные файлы.


• Chart.js - собственно сам чарт.


• ext-all.css - обязательно для работы ExtJs.


• ext-all.js - собственно сам ExtJs.

шаг4: включить JavaScript и запустить html на выполнение. примерно так:
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("file:///android_asset/Chart.html");

подшаг4,5: изменить данные в чарте, можно примерно как-то так:
webView.loadUrl("javascript:chart1.store.loadData([{name: 'January',data1: 35},{name: 'February',data1: 56},{name: 'March',data1: 17},{name: 'April',data1: 80}]);");

в результате это выглядит как-то так:



а по-моему ничего так, можно пользовать. про коммерческое использование - все разборки с лицензиями библиотек.