Code Monkey home page Code Monkey logo

Comments (5)

dosubot avatar dosubot commented on June 27, 2024 2

Hi @vasu-ram! I'm here to help you with any bugs, questions, or contributions you might have for the repository. Let's tackle this together!

To fix the issue where the TimeSeries Chart in Superset is displaying the year instead of the month for January, despite setting the Timegrain to "month", you need to ensure that the correct D3 time format is being used.

You can set the time format to display the month and year by using one of the D3 time format options. For example, you can use '%Y-%m' to display the year and month.

Here is how you can set it:

export const D3_TIME_FORMAT_OPTIONS: [string, string][] = [
  [SMART_DATE_ID, t('Adaptive formatting')],
  ['%d/%m/%Y', '%d/%m/%Y | 14/01/2019'],
  ['%m/%d/%Y', '%m/%d/%Y | 01/14/2019'],
  ['%Y-%m-%d', '%Y-%m-%d | 2019-01-14'],
  ['%Y-%m-%d %H:%M:%S', '%Y-%m-%d %H:%M:%S | 2019-01-14 01:32:10'],
  ['%d-%m-%Y %H:%M:%S', '%d-%m-%Y %H:%M:%S | 14-01-2019 01:32:10'],
  ['%H:%M:%S', '%H:%M:%S | 01:32:10'],
  ['%Y-%m', '%Y-%m | 2019-01'],  // Add this line to include the year-month format
];

Make sure to select the '%Y-%m' format in your chart settings to display the month and year correctly [1].

To continue talking to Dosu, mention @dosu.

from superset.

rusackas avatar rusackas commented on June 27, 2024

Have you tried adding a date formatter?

from superset.

vasu-ram avatar vasu-ram commented on June 27, 2024

Tried above it is not working

from superset.

rusackas avatar rusackas commented on June 27, 2024

I mean here in the "Customize" tab of the controls, adding an X Axis format. Here's an example:

BEFORE:
Screenshot_2024-06-14_at_9_47_43 AM

AFTER:
Screenshot_2024-06-14_at_9_48_20 AM

from superset.

vasu-ram avatar vasu-ram commented on June 27, 2024

Thanks @rusackas, I don't know we can change the format on UI, That's fixed

from superset.

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.