Okay
  Public Ticket #3738582
Column type - Currency
Open

Comments

  • Jonna started the conversation

    Hi. I'm trying to import the currency column from Googlesheet, and for some reason, it shows no value... I have added the cell content prefix ($) and chose 'float' as a column type as it seems like there's no better option. There's a hidden option and it says it's available for Starter license and I do have a starter license but it's not active.

    Can you please help? This is really frustrating..

    Thanks.



    7754621643.png



    Attached files:  Screenshot 2024-10-05 at 10.20.08 PM.png
      Screenshot 2024-10-05 at 10.21.22 PM.png

  •  1,846
    Miloš replied

    Hi Jonna,

    The unavailable column type from the Starter licence, which you see as 'starred out', it is the Hidden/Dynamic column type.

    That will not be useful for your use-case here, to have the numeric column as currency.

    You can read more details on what the Hidden/Dynamic column type can be used here.

    But I digress, back to the main issue and how you can achieve having the currency data in your Table :

     

    Can you tell me do you have any symbols inside the cells where your numeric data is,

    for example a currency sign?

    If so, this will not work with our Plugin for numeric Columns such as Floats or Integers.

    The solution is, to remove any symbols and just leave pure numeric data in the cells of your source Google Sheet,

    then you can make integer or Float Column from this in our connected Table.

     ( Just also double check if you have the same Number Format matched in the main plugin settings, and the decimal numbers)

    3329794335.png

    After this, just go in the Display settings of the column, and add any prefix or suffix symbol there.

    7104814461.png
    3473824743.png
    4603617641.png

    Let me know if that helps.

    Thank you.

     

     

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  • Jonna replied

    Thank you so much, Miloš! I've updated the number format and it worked. I've come across another issue, unfortunately.. I can't seem to customise/format the chart or add any custom JS/CSS.

    I'm editing a line chart at the moment, trying to change the line color, point style etc, but nothing's working and I cannot change any styling..

    Could you please help me with this?

    Thanks,
    Jonna

  •  1,846
    Miloš replied

    Hi Jonna,

    1. I am glad to see you managed to fix that initial issue, great! :)


    2. In regards to chart customizations - 

      I will advise you in general, everything about customizing the Charts, I hope this helps :

      Every chart engine has its own layout and its settings.

      We use free libraries for chart engines, and they are limited as to what we can change from within the plugin's UI.

      You can check out all the available chart engines and examples of wpDataCharts documentation here . 

      If the options you need are not in the chart creation wizard,  you can try to find a custom solution using chart callbacks.

      You can check our documentation about wpDataCharts callbacks

      • Every chart exposes several options that customize its look and feel. Charts usually support custom options appropriate to that visualization. wpDataChart callbacks allow adding options that are available in Google Charts APIHighcharts API, and Chart.js API
      • All necessary resources are available in charts engines API (depends on which one you use). Every engine has a different approach to chart settings. In wpDataChart callbacks, you have to adopt those settings to the wpDataChart object (you can take a look at examples for each engine in our documentation, and also in the Support help center). A huge number of examples for any area of programming can be found on stackoverflow.com (typing your problem in google and at the end add "site: stackoverflow.com" and Google will search only that website). Also, a lot of examples of charts, chart settings, and customization can be found on jsffidle.net (typing in google for example "line chart highcharts jsffidle")
      • Please note that using hooks or wpDataTable and wpDataChart callbacks requires a certain level of programming skills and included support refers only to advice.


      I hope that helps.
      Let me know if you tried something specific and if it does not work as expected.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  • Jonna replied

    Thanks Miloš, 

    Let me share this with my developer and hopefully we find a way to customise it.

    But let alone the custom JS, the formatting in the plugin itself isn't working.

    I've changed the series color (please see the screenshot) but it keeps going back to default and I can't seem to change it.




    Attached files:  Screenshot 2024-10-08 at 12.55.49 PM.png

  •  1,846
    Miloš replied

    Hi Jonna,

    My apologies, now when I see the screenshots, I realise you just meant to set the custom colors on the charts series.
    At this time, we found a new bug for all our charts.
    This bug only happens with the latest 6.7.1 version.

    The custom colors are not getting saved when we change them on the chart series.

     

    Our developers isolated the bug, and they'll add it to their queue for fixing.

     They will do their best to build a fix as soon as possible.

     It should be finished very soon, but we don't have an exact ETA, so please keep a lookout on our wpDataTables changeLog.

    It will be stated there during updates which bug fixes have been implemented at each update.


    Our developers made a temporary fix, which you can apply right now, if you wish.
    Find this PHP file via FTP ( or your hosting file manager), on your WP hosting server, in the WordPress folder :
    ..\wp-content\plugins\wpdatatables\source\class.wpdatachart.php
    Around line 1297, find this function :


    public function defineSeries()
    {
        if (!empty($this->getUserDefinedSeriesData())) {
            $seriesIndex = 0;
            foreach ($this->_user_defined_series_data as $series_data) {
                if (!empty($series_data['color']) || !empty($series_data['type']) || !empty($series_data['label'])) {
    
                    if (!empty($series_data['color'])) {
                        $this->_render_data['options']['series'][$seriesIndex] = array(
                            'color' => $series_data['color'],
                        );
                    }
                    if (!empty($series_data['label'])) {
                        $this->_render_data['options']['series'][$seriesIndex] = array(
                            'label' => $series_data['label']
                        );
                    }
                }
                $seriesIndex++;
            }
        }
    }

    Replace it with this :

    public function defineSeries()
    {
        if (!empty($this->getUserDefinedSeriesData())) {
            $seriesIndex = 0;
            foreach ($this->_user_defined_series_data as $series_data) {
                if (!empty($series_data['color']) || !empty($series_data['type']) || !empty($series_data['label'])) {
    
                    if (!empty($series_data['color'])) {
                        $this->_render_data['options']['series'][$seriesIndex]['color'] = $series_data['color'];
                    }
                    if (!empty($series_data['label'])) {
                        $this->_render_data['options']['series'][$seriesIndex]['label'] =  $series_data['label'];
                    }
                }
                $seriesIndex++;
            }
        }
    }


    Save the change, and check, this should fix the issue. Now all the charts should be able to save your custom color per series.



    If you need us to edit this code for you, we will need the following access :

    Please provide me a temporary WP-admin (administrator) user for your website where this happens, 

    as well as FTP credentials and access to the database ( either link with credentials for PHPmyAdmin, or access to Hosting Panel),

    so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. 

    We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course, we do not provide login data to third parties. 

    You can write credentials here just check PRIVATE Reply so nobody can see them except us.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  • Jonna replied

    Hi Milos,

    Can you please update me on this issue?

    I'm not a developer myself and that's why I decided to use this plugin.. :(

  • Jonna replied

    Hi Milos,

    I've managed to add callbacks and customise the line graph, but I can't seem to figure out how to add interaction modes and animations..

    Here's the graph I've customised so far. (under the 'performance/unit price' tab)

    https://www.realminvestments.com.au/redesign/realm-global-high-income-fund/

    Right now the tooltips show up when I hover over points, but I'd like to change it to the Mode: nearest, axis:x.

    https://www.chartjs.org/docs/latest/samples/tooltip/interactions.html

    I'd also like to add a progressive line animation effect if possible..

    https://www.chartjs.org/docs/latest/samples/animations/progressive-line.html


    Here's the code I've added so far in Custom JS in the setting.

    jQuery(window).on('load',function(){
        if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
        wpDataChartsCallbacks[4] = function(obj){
            obj.options.data.datasets[0].pointRadius = 0;
            obj.options.data.datasets[1].pointRadius = 0;
            obj.options.data.datasets[0].pointHoverRadius = 10;
            obj.options.data.datasets[1].pointHoverRadius = 10;
            obj.options.data.datasets[0].borderWidth = 3;
            obj.options.data.datasets[1].borderWidth = 3;
            obj.options.data.datasets[0].borderColor = '#D5A54E';
            obj.options.data.datasets[1].borderColor = '#739D7D';
            obj.options.data.datasets[0].backgroundColor = '#E9E0D0';
            obj.options.data.datasets[1].backgroundColor = '#D8EADC';
    //interaction
        }
        }
    );

  • Jonna replied

    Hi Mios,

    Any good news on this?

    I have another question..

    Wpdatatable plugin is massively slowing down my website... Do you have any solutions for this?

    Thanks.

    Jonna


    Attached files:  Screenshot 2024-10-31 at 11.43.18 AM.png

  •   Miloš replied privately