Вопросы и ответы - chart.js

Вопросы и ответы - chart.js



Есть ответ!
У меня есть график в моем приложении, который был создан с помощью Chart.js библиотека. Мой graph.js файл выглядит так: import { Line, mixins } from 'vue-chartjs'; const { reactiveProp } = mixins; export default { extends: Line, mixins: [reactiveProp], data() { return { options: { maintainAspectRatio: false, responsive: true, legend: { display: t...
Есть ответ!
Я использую chartjs с vue-chart для отображения некоторых данных в моем приложении, и на самом деле я хотел бы получить гистограмму с цветом фона от красного до зеленого. График имеет динамические минимальные и максимальные значения, но он не может быть меньше 0 и больше 5. аналогично 5-звездочному рейтингу. Чтобы показать различия в отображаемых данных, я не фиксирую график min/max от 0 до 5. В н...
Есть ответ!
Я пытаюсь включить библиотеку chartjs-chart-error-bars (https://github.com/sgratzl/chartjs-chart-error-bars) в моем приложении встроен Vue (чистый проект, созданный только для тестирования библиотеки), но когда я пытаюсь добавить графику с типом: "barWithErrorBars", я получаю упомянутую ошибку. Проект был создан с помощью : npm install -g @vue/cli-init vue init webpack my-project У меня есть эти ...
Есть ответ!
Я хочу преобразовать свою вертикальную столбчатую диаграмму в горизонтальную столбчатую полосу. Я использую chartkick-vue 0.61 с chart.js 3.0-beta. Мой текущий код: <column-chart :data="chartData" suffix="%" height="200px" :colors="[['#28a745', '#007bff', '#ffc107', '#dc3545']]"> </column-chart> визуализируется таким ...
Есть ответ!
Мне нужно сгенерировать pdf-отчет, включая диаграммы chartjs. Я использую https://v6.charts.erik.cat/ реализация для создания диаграмм и графиков https://github.com/mikehaertl/phpwkhtmltopdf для генерации pdf-файлов. $pdf = new Pdf($fileHtml); $pdf->setOptions([ 'javascript-delay' => 10000, ]); $pdf->saveAs(public_path($filePdf)); Но график выглядит загрузчик в файл PDF html-предста...
Есть ответ!
Я использую Vue.js 3 и я не могу сделать график с помощью Vue-chartjs из-за этой ошибки: Uncaught TypeError: createElement is not a function at Proxy.render (BaseCharts.js?86fc:8) at renderComponentRoot (runtime-core.esm-bundler.js?5c40:673) at componentEffect (runtime-core.esm-bundler.js?5c40:4475) at reactiveEffect (reactivity.esm-bundler.js?a1e9:42) at effect (reactivity.esm...
Есть ответ!
Я использую vue-chart-js с плагином labels для пончиковой диаграммы. Когда я нажимаю на раздел пончика, цвет фона раздела меняется правильно. Я также хочу вызвать изменение цвета шрифта метки для конкретного раздела диаграммы пончиков, на который я нажал. Вот как я запускаю изменение цвета метки для параметров диаграммы пончиков: return { options: { events: ['click'], plugins: {...
Есть ответ!
У меня есть две функции в Angular: Один из них-получить некоторые данные из веб-службы и сохранить их в переменных this.apiDay и this.apiDayLabel: getDayScan() { this.btcPriceService.getDailyBTCScan().subscribe(data => { data.Data.Data.forEach(price => { this.apiDay.push(price.open); this.apiDayLabel.push(new Date(price.time * 1000).toLocaleTimeString([], {hour: ...
Есть ответ!
Я использую следующий учебник (pull download stats for npm packages) , чтобы построить основу для моего графического веб-приложения : https://hackernoon.com/lets-build-a-web-app-with-vue-chart-js-and-an-api-544eb81c4b44 https://github.com/apertureless/npm-stats Я извлек приведенный ниже код из учебника и изменил его, чтобы он делал чистые основы. Получить данные и представить их. Конкретно от ...
Есть ответ!
Я создаю различные диаграммы на основе данных, которые у меня есть в базе данных. Мне удалось создать диаграммы, но там так много запросов выполняется. Из контроллера я хочу создать диаграмму людей по полу и людей по возрастным группам. Мой Файл Контроллера <?php namespace App\Http\Controllers; use App\Individual; use Illuminate\Http\Request; use Illuminate\Support\Facades\DB; class Indivi...
Есть ответ!
Я использую библиотеку chartkick, чтобы обернуть диаграмму.JS в вуе. Я пытался реализовать несколько наборов данных в одной диаграмме с помощью следующего кода: <template> <area-chart width="900px" :data="chartData" :colors="['#cc0088', '#f59b42']" ></area-chart> </template> <script> chartData: [{ label:"Line-1", data: [12.5, 3.1, 2.3, 1.2, 8.5],...
Есть ответ!
Я пытаюсь сделать vue с vue-chartjs. Я следил за всей соответствующей документацией в отношении повторного рендеринга диаграммы при обновлении опоры chartData. Моя диаграмма будет обновляться только после изменения размера окна браузера. моя родительская карта.файл Vue : <template> <div> <h1>Chart datacollection update test</h1> <p>This componen...


Закрыть X