Вопросы и ответы - chart.js
angular axios chart.js chartkick javascript laravel laravel-6 pdf svg typescript vue-chartjs vue-component vue.js vuejs2 vuejs3 web-services wkhtmltopdf
Есть ответ!
У меня есть график в моем приложении, который был создан с помощью 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...