Issues have been identified with the functionality of the Am charts v3 XY in conjunction with a

I'm currently working on a project with angularJS and utilizing the npm package amcharts3 "^3.21.15". I've encountered a minor issue regarding the logarithmic scale in my XY chart. Below is my chart without the logarithmic scale:

View working chart without logarithmic scale

Here's the ValueAxes code snippet I'm using: 

"valueAxes": [{
          //"logarithmic": true,
          "minMaxMultiplier": 1.2,
          "position": "bottom",
          "axisAlpha": 0,
          "title": "Groups"
        }, {
          //"logarithmic": true,
          "minMaxMultiplier": 1.2,
          "axisAlpha": 0,
          "position": "left"
          }
        ]

When enabling both log scales, the chart appears blank:

Check out the non-functional blank chart

If I activate just one scale (X or Y), the chart still fails to display the data, showing only the axes lines and values:

View problematic chart displaying only one axis information

No errors are present in the browser console.

Can anyone provide assistance with this issue?

Thank you!

javascriptchartsamchartslogarithm

Answer №1

If you encounter data that doesn't align with the requirements of a logarithmic scale, such as negative or zero values, it can cause issues with your chart display. To address this, you can utilize the treatZeroAs property to adjust zero values to a small decimal and remove any negative values:

"valueAxes": [{
 "logarithmic": true,
 "treatZeroAs": 0.01,
 "minMaxMultiplier": 1.2,
 "position": "bottom",
 "axisAlpha": 0,
 "title": "Groups"
}, {
 "logarithmic": true,
 "treatZeroAs": 0.001
 "minMaxMultiplier": 1.2,
 "axisAlpha": 0,
 "position": "left"
 }
]

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

The crosshair functionality in Zing Chart is causing a CPU leak

After enabling the crosshair feature on my chart, I noticed a significant issue when using Chrome 57 (and even with versions 58 and ZingChart 2.6.0). The CPU usage spikes above 25% when hovering over the chart to activate the crosshair. With two charts, th ...

javascriptangularzingchart

Proper method of defining an action in Vuex

Do you think it's sufficient to create vuex-actions as simple as a1, without chaining then/catch calls? Or should I always go with creating Promises as in a2 (and also adding a reject branch)? Appreciate your insights... import Vue from 'vue& ...

javascriptvue.jsvuex

Node app experiencing issues with passport authentication request route only in production mode

Currently, I am facing an issue with my MERN app that includes passport for authentication flow. It runs smoothly in development mode but encounters major problems in production mode that I am struggling to resolve. The bug seems elusive and I can't p ...

javascriptnode.jsreactjspassport.js

How to show the raw image content-type using Vue.js

When retrieving an image from a REST API through an HTTP GET with a request body, I have successfully verified the returned content using node.js and chai.js: expect(res).to.have.header('Content-Type', 'image/jpeg'); expect ...

javascriptvue.jscontent-typeimagejpeg

Tips for creating curved Extjs area and line charts with a gentle radius to soften the sharp curves

I have been working on a mixed charts component for Extjs, and I noticed that the curves appear too sharp. I am unable to find a configuration option to add radius to the curves. If anyone has experience with this issue, could you please share a method t ...

javascriptextjsextjs4.2

Maximizing Performance: Enhancing Nested For Loops in Angular with Typescript

Is there a way to optimize the iteration and comparisons in my nested loop? I'm looking to improve my logic by utilizing map, reduce, and filter to reduce the number of lines of code and loops. How can I achieve this? fill() { this.rolesPermiAdd = ...

javascriptangulartypescriptspring-bootnested-loops

Rect cannot be resized using mouse events

I am currently working on resizing the rectangle inside the SVG using mouse events. To achieve this, I have created another circle shape at the right bottom edge of the rectangle and implemented resize events on that shape. However, I'm facing an issu ...

javascriptreactjstypescriptsvgevent-handling

Flow error: Unable to access the value of this.props.width as the property width is not defined in T

In my React Native project, I am utilizing Flow for type checking. For more information, visit: I currently have two files named SvgRenderer.js and Cartoon.js where: Cartoon extends SvgRenderer Below is the source code for both of these files: SvgRend ...

javascripttypescriptreact-nativejsxflowtype

Checking and merging arrays in Javascript

I have a unique challenge involving two arrays of objects that I need to merge while excluding any duplicates. Specifically, if an object with the key apple: 222 already exists in the first array, it should be excluded from the second array. Please see be ...

javascript

Step-by-step guide on transforming jQuery code into Vue JS:

Recently delving into Vue, attempting to translate previous JS + JQuery code into Vue Here is the list I'm working with: <ul id="progressbar"> <li class="active">integration Ip's</li> <li>T ...

javascriptvue.js

Using Selenium WebDriver to Extract Variables from JavaScript SourceCode

Currently, I am dealing with a web page source code that utilizes JavaScript to display text. Below is an excerpt from the source: var display_session = get_cookie("LastMRH_Session"); if(null != display_session) { document.getElementById("sessionDIV") ...

javajavascriptfirefoxseleniumselenium-webdriver

Retrieve specific components of objects using a GET request

When visitors land on my web app's homepage, a GET request is triggered to fetch a current list of Stadiums stored in the database through my API. However, the Stadium objects retrieved are packed with unnecessary data, particularly extensive arrays o ...

javascriptangularjsnode.jsmongodbmongoose

The sidebar in tailwind css is not displaying a scrollbar as expected

I'm currently working on a project to create a WhatsApp clone using Tailwind CSS in ReactJS. However, I've encountered an issue with the contacts list where it's not showing the scrollbar and instead overflowing the content, leading to the w ...

javascriptreactjsnext.jstailwind-css

Guide to successfully implement a POST action using jquery/ajax Colorbox! Check out the demo here

I stumbled upon a colorbox tutorial and attempted to replicate it with a POST action, but unfortunately, it just continues to load. Check out this fiddle The button represents the problematic POST action, while the text link is the original example that ...

javascriptphpjqueryajaxcolorbox

Limit the number of AJAX requests running simultaneously using jQuery

Looking to optimize a series of AJAX events with a limit of 5 simultaneous requests and queueing up the rest. Consider the scenario below: $("div.server").each(function() { $.ajax(....); }); With potentially 100 divs containing the class server, o ...

javascriptjqueryajax

The ontrack listener for WebRTC peerConnection fails to fire

Primarily, the challenge I'm facing is unique from what I have come across in my research on "google". My setup involves using Spring Boot as a signaling server to establish connections between two different tabs of the browser or utilizing two peerCo ...

javascriptwebrtcrtcpeerconnection

What is the recommended way to configure the build.gradle file for the app build process?

I am currently working on building the app using the command provided below. /android gradlew assembleRelease My main query at this point is whether it is necessary to eliminate the debug of signingConfigs and debug of buildTypes when transitioning into r ...

javascriptandroidreactjsreact-nativeandroid-studio

I'm seeking an easy method to adjust the x and y coordinates of a popup rectangle with a fixed size. Can anyone provide

Is there a way to create a simple pop-up rectangle, possibly using jQuery or a similar tool, that presents a scaled-down canvas view of a larger browser window (1000px x 1600px), allowing users to click and determine the x/y position within the full window ...

javascriptjquerypopup

Personalize your material-ui popover

Seeking assistance in customizing the shape of a material-ui popover similar to the one depicted in the image. https://i.sstatic.net/l5uNL.png I have created a working demo of the popover using React and provided a link for editing purposes. Any help? =& ...

javascriptreactjsmaterial-uicss-shapesreact-component

Tips for managing state updates in React Redux

Currently, I am utilizing a reducer to manage the state in Redux. The current structure of my state is as follows: { activeConversation: "Jim" conversations: (7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}] user: {id: 8, username: &quo ...

javascriptreactjsreduxreact-reduxstate