Categories
Mastering Development

Firebase data with Apexcharts

I have some problems taking data from Firebase and push it in to my Apexchart, In the database I have data in JSON format like this: { “data_paidsocial”:[ { “name”:”Q4FY20″, “data”:[ { “x”:”Nov”, “y”:535247 }, { “x”:”Dec”, “y”:685160 }, { “x”:”Jan”, “y”:641081 } ] }, { “name”:”Q4FY20 Target”, “data”:[ { “x”:”Nov”, “y”:348613 }, { “x”:”Dec”, […]

Categories
CMS Development Magento

load static value column to shipment grid via observer

i have point index to main_table column value it works fine but when change this to expr static field it doesn’t work class company_name_Model_Shipment_Observer { public function coreBlockAbstractToHtmlBefore($observer){ $block = $observer->getEvent()->getBlock(); if($block->getId() == ‘sales_shipment_grid’){ $status = array(‘paid’ => ‘Paid’, ‘unpaid’ => ‘Un Paid’, ‘partially_paid’ => ‘Partially Paid’); $block->addColumnAfter( ‘is_paid’, array( ‘header’ => Mage::helper(‘sales’)->__(‘Payment Method’), ‘align’ […]

Categories
Development

Vue not updating Vuetify data-table from array with data from Axios request

I have a problem and have been looking for hours to get it resolved, without any success. In short: in a forEach loop I am adding my const “mijndata” to my array “Signalen”. I can see that my array is filled successfully. However, my data-table component from Vuetify is not showing my data. If I […]

Categories
Development

Select rows in Vuetify Data Table

I was wondering how can I select/unselect a row by clicking a row in a datatable in Vuetify. It would be even better if I could select a range by using shift+click or shift+arrows but that is another question. I have tried to update the array I send into the parameter “value” but the rows […]

Categories
Development

React Typescript default type for HTML table properties

I’m trying to put default value to align props which should append itself to the HTML’s td but i kept getting this ts error: Type ‘string’ is not assignable to type ‘”left” | “center” | “right” | “justify” | “char”‘ Here is my code: import React, { ReactNode } from ‘react’ export interface TableColumnProps { […]

Categories
Development

Angular ag-grid passing data to another component

I’m stuck! I can’t seem to pass the data to the (grand)child component. I am able to pass the id in routes, and it shows up in the URL, but I can’t seem to access any of the data. I’m adding the code below. I’ve tried everything! is it because the data is passed from […]

Categories
Development

Vuetify v-data-table not showing results from javascript api fetch

I am a beginner with javascript and vue/vuetify. I have a v-data-table which I can populate with static results. However I want to populate it on a click -> flask api call. I have: index.html <v-data-table :headers = “headers” :items=”citylist” :items-per-page=”10″ caption = “City List” class=”elevation-1″ fixed style=”max-height: 300px; overflow-y: auto” > </v-data-table> main.js const […]

Categories
Development

Vuetify v-data-table not showing results from javascript api fetch

I am a beginner with javascript and vue/vuetify. I have a v-data-table which I can populate with static results. However I want to populate it on a click -> flask api call. I have: index.html <v-data-table :headers = “headers” :items=”citylist” :items-per-page=”10″ caption = “City List” class=”elevation-1″ fixed style=”max-height: 300px; overflow-y: auto” > </v-data-table> main.js const […]

Categories
Development Laravel Vue

How to send data from laravel controller to vuejs

How do I send data from Laravel Controller to vue? I have it set up how I thought it might work but no data is being sent. What have I done wrong? Controller(set in a separate API folder): public function index() { return User::all(); } Route from api.php: Route::apiResources([ ‘user’ => ‘API\UsersController’ ]); Component code: […]

Categories
Development

Highchart long y-axis title may overlap with title when chart.styledMode set to true

The y-axis title used to be split when it is too long. After styledMode is enabled, it seems not to work anymore. How do I work around this? Please see the fiddle for the problem. Below is the javascript code. var chart = Highcharts.chart(‘container’, { chart: { styledMode: true, }, title: { text: “test”, align: […]