Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Expenses chart component

Tiff 480

@tifflee7784

Desktop design screenshot for the Expenses chart component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback is welcome. Any one have idea how to hide the border of x-axis & y-axis ? I have tried and searched many methods but all does not work :( Thanks in advance.

Community feedback

Youssif 280

@Youssif94

Posted

Under the 'scales' > x or y > grid. you need to add "drawTicks" and set it to false

just under your 'drawOnChartArea'

            scales: {
                x:{
                    grid: {
                    drawOnChartArea: false,
                    drawTicks:false,
                    },

               },
               y: {
                grid: {
                    drawOnChartArea: false,
                    drawTicks:false,
                },
                ticks:{
                    display: false
                }
               }
            }

Marked as helpful

0

Tiff 480

@tifflee7784

Posted

@Youssif94 Wow, this helps. Thank you very much :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord