Написать скрипт обработки строки и подстановки данных в график
200 UAHНаписать скрипт обработки строки и подстановки данных в библиотеку графика.
График: highcharts.js (не удовлетворяет на 100% заказ, но максимально закрывает вопрос)
Предполагается, что программист сделает небольшой хук с кнопками графика и цветами баров
Строка имеет следующий формат (только в строку):
03072017;(;NHX9095;A;100;Z;10;B;1000;Z;1;C;1000;Z;2;);
03072017;(;5LZQ093;A;100;Z;10;B;1000;Z;1;C;1000;Z;2;);
04072017;(;DFBH091;A;100;Z;10;B;1000;Z;1;C;1000;Z;2;);
05082017;(;IQQZ089;A;200;Z;15;B;2000;Z;10;C;3000;Z;3;);
06082017;(;NHX9095;A;100;Z;10;B;1000;Z;1;C;1000;Z;2;);
09082017;(;5LZQ093;A;100;Z;10;B;1000;Z;1;C;1000;Z;2;);
10092017;(;DFBH091;A;100;Z;10;B;1000;Z;1;C;1000;Z;2;);
11092017;(;IQQZ089;A;200;Z;15;B;2000;Z;10;C;3000;Z;3;);
15092017;(;BSNW088;A;100;Z;10;B;1000;Z;1;C;1000;Z;2;);
(строку можно немного модифицировать, если будет необходимость или лучшее предложение для обработки данных)
Задача:
пользователь выбирает в селектах месяц и год, а скрипт ищет в строке данные за выбранный период берет данные и подставляет в API библиотеки
Еще раз обращаю внимание, что библиотека не может на 100% рисовать бары, если в строке есть несколько записей за одну дату и рисует бар на баре, а необходимо рисовать бары рядом с одинаковым цветом (необходимо применить какую-то хитрость)
API выглядит следующим образом:
Highcharts.chart('dnk', {
chart: {
type: 'column',
borderWidth: 0,
plotBorderWidth: 0,
spacingLeft: 0,
},
navigation: {
buttonOptions: {
enabled: false
}
},
title: {
tloating: false,
text: '',
},
credits: {
enabled: false,
},
xAxis: {
categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30' ],
},
legend: {
align: 'left',
layout: 'horizontal',
},
yAxis: {
labels: {
enabled: false,
},
title: {
text: ''
},
gridLineWidth: 0,
},
tooltip: {
formatter: function () {
return '<b>' + this.x + '</b><br/>' +
this.series.name + ': ' + this.y + '<br/>' +
'Total: ' + this.point.stackTotal;
}
},
plotOptions: {
column: {
stacking: 'normal'
}
},
// сочетание A и Z в одном free рисует бар на баре (так нужно)
series: [{
name: 'A',
data: [100, 30, 4, 7, 2, 30, 15, 70, 65, 40, 30, 4, 4, 2, 5, 7, 2, 30, 15, 70, 2, 5, 6, 2, 1, 30, 4, 4, 2, 5],
stack: 'free'
}, {
name: 'Z',
data: [30, 4, 4, 2, 5, 7, 2, 30, 15, 70, 100, 30, 4, 7, 2, 30, 15, 70, 65, 40, 100, 30, 4, 7, 2, 30, 15, 70, 65, 40],
stack: 'free'
}, {
name: 'B',
data: [2, 5, 6, 2, 1, 30, 4, 4, 2, 5, 30, 4, 4, 2, 5, 7, 2, 30, 15, 70, 100, 30, 4, 7, 2, 30, 15, 70, 65, 40],
stack: 'help'
}, {
name: 'Z',
data: [100, 30, 4, 7, 2, 30, 15, 70, 65, 40, 30, 4, 4, 2, 5, 7, 2, 30, 15, 70, 2, 5, 6, 2, 1, 30, 4, 4, 2, 5],
stack: 'help'
}, {
name: 'C',
data: [30, 4, 4, 2, 5, 7, 2, 30, 15, 70, 30, 0, 0, 0, 0, 0, 0, 0, 0, 70, 2, 5, 6, 2, 1, 30, 4, 4, 2, 5],
stack: 'sponsor'
}, {
name: 'Z',
data: [2, 5, 6, 2, 1, 30, 4, 4, 2, 5, 30, 4, 4, 2, 5, 7, 2, 30, 15, 70,],
stack: 'sponsor'
}, {
name: 'C',
data: [30, 0, 0, 0, 0, 0, 0, 0, 0, 70, 30, 4, 4, 2, 5, 7, 2, 30, 15, 70, 2, 5, 6, 2, 1, 30, 4, 4, 2, 5],
stack: 'sponsor-1'
}, {
name: 'Z',
data: [2, 0, 0, 0, 0, 0, 0, 0, 0, 5, 30, 4, 4, 2, 5, 7, 2, 30, 15, 70, 2, 5, 6, 2, 1, 30, 4, 4, 2, 5],
stack: 'sponsor-1'
}
]
});
-
585 34 4 1 Добрый день!
Все поправлю.
Обращайтесь.
-
234 12 1 1 Доброго дня, готовий до співпраці. Проект з highchatrs тут -
Freelancehunt
-
удалено модератором
-
Актуальные фриланс-проекты в категории Javascript и Typescript
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 7 часов 58 минут назад ∙ 48 ставок |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 1 день 9 часов назад ∙ 26 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 23 часа назад ∙ 32 ставки |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
257 282 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 8 дней 6 часов назад ∙ 119 ставок |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 8 дней 12 часов назад ∙ 21 ставка |