Title alignments are not proper when adding chart to the Deneb visual

[msksenthil]

Hello, I am trying to align First Text and Second Chart to the left start from the first. But unable to make. Kindly help!

[v-venuppu]

Hi @msksenthil ,

I hope this information is helpful. Please let me know if you have any further questions or if you'd like to discuss this further. If this answers your question, please accept it as a solution and give it a 'Kudos' so other community members with similar problems can find a solution faster.

Thank you.

[v-venuppu]

Hi @msksenthil ,

I wanted to check if you had the opportunity to review the information provided. Please feel free to contact us if you have any further questions. If my response has addressed your query, please accept it as a solution and give a 'Kudos' so other members can easily find it.

Thank you.

[v-venuppu · Accepted solution]

Hi @msksenthil ,

Thank you for the response..!!

If you want to left-align both your titles like "First Texts" and "Second Chart" in Deneb, try explicitly setting the alignment in your title block using anchor: "start" and align: "left". Here's a small example that you can apply:

{
"vconcat": [
{
"title": {
"text": "First Texts",
"anchor": "start",
"align": "left"
},
"mark": "text",
"encoding": {
"text": {
"value": "Net Margin: 0.09 Gross Margin: -0.32"
}
}
},
{
"title": {
"text": "Second Chart",
"anchor": "start",
"align": "left"
},
"mark": "bar",
"encoding": {
"x": {"field": "Month-Year", "type": "ordinal"},
"y": {"field": "Net Margin", "type": "quantitative"}
},
"data": {
"name": "dataset"
}
}
],
"datasets": {
"dataset": [
{"Month-Year": "Jan-2024", "Net Margin": 10},
{"Month-Year": "Feb-2024", "Net Margin": 15}
]
}
}

Just adjust the chart content and values as needed, but make sure to include anchor: "start" and align: "left" in the title section - that’s what makes the titles align to the left.

If this post helps, then please consider Accepting as solution to help the other members find it more quickly, don't forget to give a "Kudos" – I’d truly appreciate it! 

Thank you.

[msksenthil]

Thanks @rajendraongole1  & @v-venuppu  -

It's not help with my case. I am looking for a solution in the vega-lite code to fix in the Deneb visual. 

I  really appreciate your time and efforts for me.

[v-venuppu]

Hi @msksenthil ,

Thank you for reaching out to Microsoft Fabric Community.

Thank you @rajendraongole1 for the prompt response.

May I ask if you have resolved this issue? If so, please mark the helpful reply and accept it as the solution. This will be helpful for other community members who have similar problems to solve it faster.

Thank you.

 

[rajendraongole1]

Hi @msksenthil  - If spacing or snapping is off:
Make sure Snap to grid or Snap to objects is turned off/on as needed from the View tab.

You can also manually set X coordinate:

Click on a visual, go to the "General" section in the Format pane.

Set the same X position (e.g., X = 0) for both visuals to align their left edges perfectly.

reference links:

PERFECTLY ALIGNED VISUALS in Power BI // Different Ways to Align // Beginners Guide to Power BI

Solved: align individual cards on the left - Microsoft Fabric Community

Hope this helps.