Git Product home page Git Product logo

Comments (5)

martynasma avatar martynasma commented on September 7, 2024

Yes, via adapters:

xAxis.get("renderer").labels.template.adapters.add("html", function(html, target) {
  if (target.dataItem) {
    return "<strong>" + new Date(target.dataItem.get("value")).toLocaleDateString() + "</strong>";
  }
  return html;
})

from amcharts5.

sergiu-os avatar sergiu-os commented on September 7, 2024

I've tried with that but the problem is that is not the same number of labels that I see at the bottom.
It got additional dates in there.

https://codepen.io/sergiu-os/pen/xxoQRXR

Is there anyway to just copy the html in the DateAxis label ?
thanks

from amcharts5.

martynasma avatar martynasma commented on September 7, 2024

I'm not entirely sure what you mean.

An adapter for html will kick in whenever label needs to be drawn. Whatever it returns it will be displayed as HTML.

There's no guarantee that adapter will kick in exactly number of times there are labels, and that it will occur in exact order.

You need to base the content on the actual timestamp.

from amcharts5.

sergiu-os avatar sergiu-os commented on September 7, 2024

I meant that it's not exactly the same HTML.
I can get the dates from the axis but when I move them anywhere else I lose the position on them relative to the chart.

Basically what I want is to move the axis label HTML outside of the canvas.
I could do this in Amcharts 4 by just copying the html of the axis and move it somewhere else.

from amcharts5.

martynasma avatar martynasma commented on September 7, 2024

I'm afraid there's not way to display axis labels outside of the chart container.

from amcharts5.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.