Форум программистов, компьютерный форум, киберфорум
JavaScript: HTML5 Canvas
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
0 / 0 / 1
Регистрация: 24.02.2013
Сообщений: 146

Перенести надпись вертикальной линий вниз

01.04.2019, 14:07. Показов 1219. Ответов 1

Студворк — интернет-сервис помощи студентам
Есть построенный график на chartjs, и через prototype.draw нарисована вертикальная линия. Как перенести надпись вертикальной линий вниз, если она выходит за область canvas и не отображается?

JavaScript
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
Chart.elements.Line.prototype.draw = function () {
    this._chart.ctx.save();
    this._chart.ctx.strokeStyle = '#808080';
 
    var points = this._chart.getDatasetMeta(0).data,
        point_x = points[points.length - 1]._model.x,
        point_y = points[points.length - 1]._model.y,
        bottom = this._chart.scales['y-axis-0'].bottom;
 
    this._chart.ctx.beginPath();
    this._chart.ctx.lineWidth = 3;
    this._chart.ctx.moveTo(point_x, point_y);
    this._chart.ctx.lineTo(point_x, bottom);
 
    this._chart.ctx.textAlign = 'right';
    this._chart.ctx.fillStyle = '#808080';
    if ($(window).width() < 420) {
        this._chart.ctx.font = '500 14px "Montserrat", sans-serif';
        this._chart.ctx.fillText("Окупність", point_x - 2, bottom - 14);
    } else {
        this._chart.ctx.font = '500 16px "Montserrat", sans-serif';
        this._chart.ctx.fillText("Окупність", point_x - 5, bottom + 24);
    }
 
    this._chart.ctx.stroke();
    this._chart.ctx.restore();
}
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
01.04.2019, 14:07
Ответы с готовыми решениями:

В button надпись сделать вертикальной
можно ли в компоненте button надпись сделать вертикальной?

Сместить надпись вниз окна
Необходимо сметить надпись с координатами вниз окна. Место указано на картинке. Программа готова, осталось только сместить надпись вниз....

Как перенести 3 картинки вниз?
Как перенести 3 картинки вниз и выровнять все? &lt;div class=&quot;thumbs&quot;&gt; &lt;table align=&quot;center&quot;&gt; &lt;tr&gt; &lt;td...

1
0 / 0 / 1
Регистрация: 24.02.2013
Сообщений: 146
01.04.2019, 15:26  [ТС]
Как выглядит график
Миниатюры
Перенести надпись вертикальной линий вниз  
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
01.04.2019, 15:26
Помогаю со студенческими работами здесь

В StringGrid перенести фиксированную строку сверху вниз
Здравствуйте, подскажите пожалуйста, как сделать чтобы то что у меня выделено на картинку было не сверху, а снизу

не получается ссылки страниц перенести вниз после новостей?!
Подскажите пробовал разные варианты, не получается ссылки страниц перенести, чтобы указывались внизу после новостей &lt;? function...

Начиная с первой строки сдвинуть все строки на две вниз, а последние две перенести на место первых двух строк
Используя Procedure Swap!

Вывод на экран случайных эллипсов, линий, треугольников, прямоугольков, ромбов, линий, пикселей
вывод на экран случайных эллипсов, линий, треугольников, прямоугольков, ромбов, линий, пикселей и т.д

Приведите к каноническому виду уравнения линий второго порядка, установите тип этих линий и их расположение
приведите к каноническому виду уравнения линий второго порядка/ установите тип этих линий и их расположение. сделать схематический чертеж ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru