В этой серии статей я поделюсь с вами четырьмя советами по выборке данных CSV и последующему созданию интерактивных диаграмм с помощью Highcharts. Я затрону следующие темы:
- Загрузите данные CSV из файла.
Следующая статья:
- Чтение из HTML-таблицы.
- Разбирать данные CSV перед рендерингом.
Приступим
Файл значений с разделителями-запятыми, также известный как CSV, представляет собой стандартный формат обмена данными, широко поддерживаемый учеными, предприятиями, исследователями и т. д. Файлы CSV могут быть сложными для анализа, но не не волнуйся; Highcharts поможет вам - благодаря нашему модулю данных, который делает тяжелую работу. Проще говоря, если вы работаете с данными, шансы, что вы уже имели дело или будете иметь дело с файлом CSV, очень высоки.
Загрузите файл CSV из удаленного места
Чтение из HTML может быть хорошим решением для небольшого набора данных. Однако, если набор данных слишком длинный или требует обновления; лучше хранить его в другом файле или в удаленном месте.
В приведенной ниже демонстрации показаны поисковые запросы google о витамине D с 2004 по 2022 год:
Демонстрационная ссылка на поисковые запросы Google о витамине D с 2004 по 2022 год
Данные хранятся на GitHub и извлекаются, опять же благодаря модулю данных Highcharts, с помощью следующего кода:
data: {
csvURL: "https://www.highcharts.com/samples/data/google-trends-vitamin-d.csv"
},
Теперь вы знаете, как загрузить данные CSV из файла; не стесняйтесь читать вторую статью, чтобы научиться читать из таблицы HTML и анализировать данные CSV перед рендерингом.
Проверьте наш блог и узнайте больше о лучших советах по использованию Highcharts.
Автор: Мустафа Мехатриа.
Мустафа Мехатриа — комьюнити-менеджер в Highsoft. Подпишитесь на Мустафу в Twitter: @MusMekh и LinkedIn: Mustapha Mekhatria
