2015-04-04 3 views
14

Я хочу получить интерактивные диаграммы для работы в приложении React Native. Я знаю, что, вероятно, еще не создана конкретная библиотека React Native, но какую библиотеку Objective-C/Swift/Javascript я должен искать, чтобы позволить мне создавать диаграммы/графики, похожие на те, которые генерирует Chart.js?Chart.js эквивалент для React Native

+1

Для создания диаграмм в соответствии с Реальными и Реагировать, используйте Победу: https://formidable.com/open-source/victory/gallery –

ответ

3

Вам будет нужно взглянуть на Obj-C и Swift, а не на JavaScript, я думаю. Существующие JS-библиотеки будут рисовать объекты DOM, Canvas или некоторые другие браузеры, которые не будут доступны в React Native. Это должно немного сузить поле. Затем, чтобы использовать его прямо из RN, вам необходимо создать Native Module между JS и Obj-C.

Итак, в этот момент это сводится к: «что такое хорошая графическая библиотека iOS», и, к счастью, кто-то уже сделал тяжелую работу над этим over on this answer. Core Plot выглядит довольно всеобъемлющим.

+0

Могу ли я использовать что-то вроде этого, https://github.com/lwansbrough/react- родной холст? Я все еще думаю, что это не сработает для реагирования на родной язык, потому что мне нужно будет переопределить холст chartjs с этим реагирующим родным холстом. Просто пытаюсь понять, что возможно и разумно. –

7

Я пошел бы за ART library проекта, отвечающего за реакцию.

Описание: chart example для ReactJS, который вы можете адаптировать для реагирования, используя эти React-native Art.

Кроме того, есть, вероятно, что-то, что нужно исследовать с помощью Chartist library, которые используют SVG для рисования диаграмм и имеют reactjs component.

EDIT: Начиная с версии 0.18rc, React-Native также поддерживает ART library for Android.

+0

http://fraserxu.me/react-chartist/ выглядит многообещающим. Вы знаете, совместимо ли это с реагированием? Я не понимаю, как определить совместимость с native-native. По моему опыту, если у него нет префикса «response-native- *», это не сработает. (Я - новичок Javascript и реагирующий) –

+0

Реактивный график написан для браузера, поэтому он несовместим с реакцией (я не пытался, но должен работать в веб-просмотре). Чтобы нарисовать «родную» диаграмму, нужно написать всю логику рисования ... – Sulliwane

+0

Спасибо @Sulliwane. Я дам webview + реактивный чартист. Это должно стоить времени на инвестиции. Я не могу найти никакой компонент диаграммы, основанный на реакции, который поддерживает * оба * Android и iOS. –

1

https://github.com/tomauty/react-native-chart было доступно некоторое время.

+0

Хотя это теоретически возможно ответьте на вопрос, [было бы желательно] (// meta.stackoverflow.com/q/8259) включить сюда основные части ответа и предоставить ссылку для справки. –