Text label within dotted line around nodes

up vote
2
down vote

favorite

Text should be added where it is in the picture

Hello, would like to add some text where it is put in the picture. Already tried a few things but did not get an easy solution. Could someone help me out please?

documentclassarticle
usepackagetikz
usetikzlibraryshapes.geometric, arrows, calc

%%% styles for Figure: Main areas of leadership affected by Digital Transformation %%%
tikzstyledigital = [rectangle, rounded corners, align=left, draw=black, fill=gray!20, text width=3cm]
tikzstyleline = [thick,-,>=stealth]

begindocument
beginfigure
centering
begintikzpicture[node distance=2.2cm]

%%% NODES %%%
node (competitive)[digital] Competitive Landscape; 
node (customer) [digital, left of=competitive, xshift=-2cm] Customer relationship; 
node (work) [digital, right of=competitive, xshift=2cm] People/Work environment;

%%% LINES %%%
draw [line] (competitive) -- (customer);
draw [line] (competitive) -- (work);

%%% RECTANGLES %%%
draw[thick,dotted] ($(customer.north west)+(-0.25,0.25)$) rectangle ($(work.south east)+(0.25,-0.6)$);

endtikzpicture
captionThree pillars labelfig:leadership_digital
endfigure 

enddocument

asked 3 hours ago

quepasa

483

add a commentÂ |Â

up vote
2
down vote

favorite

Text should be added where it is in the picture

Hello, would like to add some text where it is put in the picture. Already tried a few things but did not get an easy solution. Could someone help me out please?

documentclassarticle
usepackagetikz
usetikzlibraryshapes.geometric, arrows, calc

%%% styles for Figure: Main areas of leadership affected by Digital Transformation %%%
tikzstyledigital = [rectangle, rounded corners, align=left, draw=black, fill=gray!20, text width=3cm]
tikzstyleline = [thick,-,>=stealth]

begindocument
beginfigure
centering
begintikzpicture[node distance=2.2cm]

%%% NODES %%%
node (competitive)[digital] Competitive Landscape; 
node (customer) [digital, left of=competitive, xshift=-2cm] Customer relationship; 
node (work) [digital, right of=competitive, xshift=2cm] People/Work environment;

%%% LINES %%%
draw [line] (competitive) -- (customer);
draw [line] (competitive) -- (work);

%%% RECTANGLES %%%
draw[thick,dotted] ($(customer.north west)+(-0.25,0.25)$) rectangle ($(work.south east)+(0.25,-0.6)$);

endtikzpicture
captionThree pillars labelfig:leadership_digital
endfigure 

enddocument

asked 3 hours ago

quepasa

483

add a commentÂ |Â

up vote
2
down vote

favorite

Text should be added where it is in the picture

Hello, would like to add some text where it is put in the picture. Already tried a few things but did not get an easy solution. Could someone help me out please?

documentclassarticle
usepackagetikz
usetikzlibraryshapes.geometric, arrows, calc

%%% styles for Figure: Main areas of leadership affected by Digital Transformation %%%
tikzstyledigital = [rectangle, rounded corners, align=left, draw=black, fill=gray!20, text width=3cm]
tikzstyleline = [thick,-,>=stealth]

begindocument
beginfigure
centering
begintikzpicture[node distance=2.2cm]

%%% NODES %%%
node (competitive)[digital] Competitive Landscape; 
node (customer) [digital, left of=competitive, xshift=-2cm] Customer relationship; 
node (work) [digital, right of=competitive, xshift=2cm] People/Work environment;

%%% LINES %%%
draw [line] (competitive) -- (customer);
draw [line] (competitive) -- (work);

%%% RECTANGLES %%%
draw[thick,dotted] ($(customer.north west)+(-0.25,0.25)$) rectangle ($(work.south east)+(0.25,-0.6)$);

endtikzpicture
captionThree pillars labelfig:leadership_digital
endfigure 

enddocument

asked 3 hours ago

quepasa

483

Text should be added where it is in the picture

Hello, would like to add some text where it is put in the picture. Already tried a few things but did not get an easy solution. Could someone help me out please?

documentclassarticle
usepackagetikz
usetikzlibraryshapes.geometric, arrows, calc

%%% styles for Figure: Main areas of leadership affected by Digital Transformation %%%
tikzstyledigital = [rectangle, rounded corners, align=left, draw=black, fill=gray!20, text width=3cm]
tikzstyleline = [thick,-,>=stealth]

begindocument
beginfigure
centering
begintikzpicture[node distance=2.2cm]

%%% NODES %%%
node (competitive)[digital] Competitive Landscape; 
node (customer) [digital, left of=competitive, xshift=-2cm] Customer relationship; 
node (work) [digital, right of=competitive, xshift=2cm] People/Work environment;

%%% LINES %%%
draw [line] (competitive) -- (customer);
draw [line] (competitive) -- (work);

%%% RECTANGLES %%%
draw[thick,dotted] ($(customer.north west)+(-0.25,0.25)$) rectangle ($(work.south east)+(0.25,-0.6)$);

endtikzpicture
captionThree pillars labelfig:leadership_digital
endfigure 

enddocument

showlabels

asked 3 hours ago

quepasa

483

asked 3 hours ago

quepasa

483

asked 3 hours ago

quepasa

483

asked 3 hours ago

quepasa

483

asked 3 hours ago

quepasa

483

add a commentÂ |Â

2 Answers
2

active

oldest

votes

up vote
4
down vote

You could use the fit-library to create a node surrounding your other boxes and then create another node at the south position with your text. This node can then have a white background if you like.

documentclassarticle
usepackagetikz
usetikzlibraryshapes.geometric, arrows, calc, fit

%%% styles for Figure: Main areas of leadership affected by Digital Transformation %%%
tikzstyledigital = [rectangle, rounded corners, align=left, draw=black, fill=gray!20, text width=3cm]
tikzstyleline = [thick,-,>=stealth]

begindocument
beginfigure
centering
begintikzpicture[node distance=2.2cm]

%%% NODES %%%
node (competitive)[digital] Competitive Landscape; 
node (customer) [digital, left of=competitive, xshift=-2cm] Customer relationship; 
node (work) [digital, right of=competitive, xshift=2cm] People/Work environment;

%%% LINES %%%
draw [line] (competitive) -- (customer);
draw [line] (competitive) -- (work);

%%% RECTANGLES %%%
node[draw, thick, dotted, rounded corners, inner xsep=1em, inner ysep=1em, fit=(work) (customer)] (box) ;
node[fill=white] at (box.south) Text Here;

endtikzpicture
captionThree pillars labelfig:leadership_digital
endfigure 

enddocument

If you need more whitespace before and/or afterwards, an easy (but probably not so nice) way is to just put a quad before and after your text.

enter image description here

answered 2 hours ago

SKL

412

New contributor

Welcome to TeX.Stackexchange!
â€“Â samcarter
2 hours ago

add a commentÂ |Â

up vote
0
down vote

with tikz libraries chains, fit and positioning is simple:

documentclassarticle
usepackagetikz
usetikzlibraryarrows.meta, chains, fit, positioning

begindocument
 beginfigure
 centering
 begintikzpicture[
 node distance = 10mm and 5mm,
 start chain = going right,
digital/.style = rounded corners, draw, fill=gray!20,
 text width=3cm, align=flush center, %left,
 on chain, join=by line,
 line/.style = thick,-Stealth
 ]
%%% NODES %%%
node (n1) [digital] Customer relationship;
node (n2) [digital] Competitive Landscape;
node (n3) [digital] People/Work environment;
%%% dotted RECTANGLE %%%
node[draw, thick, dotted, inner sep=3ex, yshift=-1ex,
 fit=(n1) (n3)] (box) ;
node[fill=white, inner xsep=1ex] at (box.south) Text Here;
 endtikzpicture
captionThree pillars
labelfig:leadership_digital
 endfigure
enddocument

enter image description here

note: your code assume, that nodes "digital" are connected by arrows, but on images are simple lines. if you prefer to have only lines, than change line style to line/.style = thick,-

edited 1 hour ago

answered 1 hour ago

Zarko

114k863152

add a commentÂ |Â

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "85"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: false,
noModals: false,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);

);

draft saved

draft discarded

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f454601%2ftext-label-within-dotted-line-around-nodes%23new-answer', 'question_page');

);

Post as a guest

Name

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

up vote
4
down vote

You could use the fit-library to create a node surrounding your other boxes and then create another node at the south position with your text. This node can then have a white background if you like.

documentclassarticle
usepackagetikz
usetikzlibraryshapes.geometric, arrows, calc, fit

%%% styles for Figure: Main areas of leadership affected by Digital Transformation %%%
tikzstyledigital = [rectangle, rounded corners, align=left, draw=black, fill=gray!20, text width=3cm]
tikzstyleline = [thick,-,>=stealth]

begindocument
beginfigure
centering
begintikzpicture[node distance=2.2cm]

%%% NODES %%%
node (competitive)[digital] Competitive Landscape; 
node (customer) [digital, left of=competitive, xshift=-2cm] Customer relationship; 
node (work) [digital, right of=competitive, xshift=2cm] People/Work environment;

%%% LINES %%%
draw [line] (competitive) -- (customer);
draw [line] (competitive) -- (work);

%%% RECTANGLES %%%
node[draw, thick, dotted, rounded corners, inner xsep=1em, inner ysep=1em, fit=(work) (customer)] (box) ;
node[fill=white] at (box.south) Text Here;

endtikzpicture
captionThree pillars labelfig:leadership_digital
endfigure 

enddocument

If you need more whitespace before and/or afterwards, an easy (but probably not so nice) way is to just put a quad before and after your text.

enter image description here

answered 2 hours ago

SKL

412

New contributor

Welcome to TeX.Stackexchange!
â€“Â samcarter
2 hours ago

add a commentÂ |Â

up vote
4
down vote

You could use the fit-library to create a node surrounding your other boxes and then create another node at the south position with your text. This node can then have a white background if you like.

documentclassarticle
usepackagetikz
usetikzlibraryshapes.geometric, arrows, calc, fit

%%% styles for Figure: Main areas of leadership affected by Digital Transformation %%%
tikzstyledigital = [rectangle, rounded corners, align=left, draw=black, fill=gray!20, text width=3cm]
tikzstyleline = [thick,-,>=stealth]

begindocument
beginfigure
centering
begintikzpicture[node distance=2.2cm]

%%% NODES %%%
node (competitive)[digital] Competitive Landscape; 
node (customer) [digital, left of=competitive, xshift=-2cm] Customer relationship; 
node (work) [digital, right of=competitive, xshift=2cm] People/Work environment;

%%% LINES %%%
draw [line] (competitive) -- (customer);
draw [line] (competitive) -- (work);

%%% RECTANGLES %%%
node[draw, thick, dotted, rounded corners, inner xsep=1em, inner ysep=1em, fit=(work) (customer)] (box) ;
node[fill=white] at (box.south) Text Here;

endtikzpicture
captionThree pillars labelfig:leadership_digital
endfigure 

enddocument

If you need more whitespace before and/or afterwards, an easy (but probably not so nice) way is to just put a quad before and after your text.

enter image description here

answered 2 hours ago

SKL

412

New contributor

Welcome to TeX.Stackexchange!
â€“Â samcarter
2 hours ago

add a commentÂ |Â

up vote
4
down vote

You could use the fit-library to create a node surrounding your other boxes and then create another node at the south position with your text. This node can then have a white background if you like.

documentclassarticle
usepackagetikz
usetikzlibraryshapes.geometric, arrows, calc, fit

%%% styles for Figure: Main areas of leadership affected by Digital Transformation %%%
tikzstyledigital = [rectangle, rounded corners, align=left, draw=black, fill=gray!20, text width=3cm]
tikzstyleline = [thick,-,>=stealth]

begindocument
beginfigure
centering
begintikzpicture[node distance=2.2cm]

%%% NODES %%%
node (competitive)[digital] Competitive Landscape; 
node (customer) [digital, left of=competitive, xshift=-2cm] Customer relationship; 
node (work) [digital, right of=competitive, xshift=2cm] People/Work environment;

%%% LINES %%%
draw [line] (competitive) -- (customer);
draw [line] (competitive) -- (work);

%%% RECTANGLES %%%
node[draw, thick, dotted, rounded corners, inner xsep=1em, inner ysep=1em, fit=(work) (customer)] (box) ;
node[fill=white] at (box.south) Text Here;

endtikzpicture
captionThree pillars labelfig:leadership_digital
endfigure 

enddocument

If you need more whitespace before and/or afterwards, an easy (but probably not so nice) way is to just put a quad before and after your text.

enter image description here

answered 2 hours ago

SKL

412

New contributor

You could use the fit-library to create a node surrounding your other boxes and then create another node at the south position with your text. This node can then have a white background if you like.

documentclassarticle
usepackagetikz
usetikzlibraryshapes.geometric, arrows, calc, fit

%%% styles for Figure: Main areas of leadership affected by Digital Transformation %%%
tikzstyledigital = [rectangle, rounded corners, align=left, draw=black, fill=gray!20, text width=3cm]
tikzstyleline = [thick,-,>=stealth]

begindocument
beginfigure
centering
begintikzpicture[node distance=2.2cm]

%%% NODES %%%
node (competitive)[digital] Competitive Landscape; 
node (customer) [digital, left of=competitive, xshift=-2cm] Customer relationship; 
node (work) [digital, right of=competitive, xshift=2cm] People/Work environment;

%%% LINES %%%
draw [line] (competitive) -- (customer);
draw [line] (competitive) -- (work);

%%% RECTANGLES %%%
node[draw, thick, dotted, rounded corners, inner xsep=1em, inner ysep=1em, fit=(work) (customer)] (box) ;
node[fill=white] at (box.south) Text Here;

endtikzpicture
captionThree pillars labelfig:leadership_digital
endfigure 

enddocument

If you need more whitespace before and/or afterwards, an easy (but probably not so nice) way is to just put a quad before and after your text.

enter image description here

answered 2 hours ago

SKL

412

New contributor

answered 2 hours ago

SKL

412

New contributor

answered 2 hours ago

SKL

412

answered 2 hours ago

SKL

412

New contributor

SKL is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

Welcome to TeX.Stackexchange!
â€“Â samcarter
2 hours ago

add a commentÂ |Â

Welcome to TeX.Stackexchange!
â€“Â samcarter
2 hours ago

Welcome to TeX.Stackexchange!
â€“Â samcarter
2 hours ago

add a commentÂ |Â

up vote
0
down vote

with tikz libraries chains, fit and positioning is simple:

documentclassarticle
usepackagetikz
usetikzlibraryarrows.meta, chains, fit, positioning

begindocument
 beginfigure
 centering
 begintikzpicture[
 node distance = 10mm and 5mm,
 start chain = going right,
digital/.style = rounded corners, draw, fill=gray!20,
 text width=3cm, align=flush center, %left,
 on chain, join=by line,
 line/.style = thick,-Stealth
 ]
%%% NODES %%%
node (n1) [digital] Customer relationship;
node (n2) [digital] Competitive Landscape;
node (n3) [digital] People/Work environment;
%%% dotted RECTANGLE %%%
node[draw, thick, dotted, inner sep=3ex, yshift=-1ex,
 fit=(n1) (n3)] (box) ;
node[fill=white, inner xsep=1ex] at (box.south) Text Here;
 endtikzpicture
captionThree pillars
labelfig:leadership_digital
 endfigure
enddocument

enter image description here

note: your code assume, that nodes "digital" are connected by arrows, but on images are simple lines. if you prefer to have only lines, than change line style to line/.style = thick,-

edited 1 hour ago

answered 1 hour ago

Zarko

114k863152

add a commentÂ |Â

up vote
0
down vote

with tikz libraries chains, fit and positioning is simple:

documentclassarticle
usepackagetikz
usetikzlibraryarrows.meta, chains, fit, positioning

begindocument
 beginfigure
 centering
 begintikzpicture[
 node distance = 10mm and 5mm,
 start chain = going right,
digital/.style = rounded corners, draw, fill=gray!20,
 text width=3cm, align=flush center, %left,
 on chain, join=by line,
 line/.style = thick,-Stealth
 ]
%%% NODES %%%
node (n1) [digital] Customer relationship;
node (n2) [digital] Competitive Landscape;
node (n3) [digital] People/Work environment;
%%% dotted RECTANGLE %%%
node[draw, thick, dotted, inner sep=3ex, yshift=-1ex,
 fit=(n1) (n3)] (box) ;
node[fill=white, inner xsep=1ex] at (box.south) Text Here;
 endtikzpicture
captionThree pillars
labelfig:leadership_digital
 endfigure
enddocument

enter image description here

note: your code assume, that nodes "digital" are connected by arrows, but on images are simple lines. if you prefer to have only lines, than change line style to line/.style = thick,-

edited 1 hour ago

answered 1 hour ago

Zarko

114k863152

add a commentÂ |Â

up vote
0
down vote

with tikz libraries chains, fit and positioning is simple:

documentclassarticle
usepackagetikz
usetikzlibraryarrows.meta, chains, fit, positioning

begindocument
 beginfigure
 centering
 begintikzpicture[
 node distance = 10mm and 5mm,
 start chain = going right,
digital/.style = rounded corners, draw, fill=gray!20,
 text width=3cm, align=flush center, %left,
 on chain, join=by line,
 line/.style = thick,-Stealth
 ]
%%% NODES %%%
node (n1) [digital] Customer relationship;
node (n2) [digital] Competitive Landscape;
node (n3) [digital] People/Work environment;
%%% dotted RECTANGLE %%%
node[draw, thick, dotted, inner sep=3ex, yshift=-1ex,
 fit=(n1) (n3)] (box) ;
node[fill=white, inner xsep=1ex] at (box.south) Text Here;
 endtikzpicture
captionThree pillars
labelfig:leadership_digital
 endfigure
enddocument

enter image description here

note: your code assume, that nodes "digital" are connected by arrows, but on images are simple lines. if you prefer to have only lines, than change line style to line/.style = thick,-

edited 1 hour ago

answered 1 hour ago

Zarko

114k863152

with tikz libraries chains, fit and positioning is simple:

documentclassarticle
usepackagetikz
usetikzlibraryarrows.meta, chains, fit, positioning

begindocument
 beginfigure
 centering
 begintikzpicture[
 node distance = 10mm and 5mm,
 start chain = going right,
digital/.style = rounded corners, draw, fill=gray!20,
 text width=3cm, align=flush center, %left,
 on chain, join=by line,
 line/.style = thick,-Stealth
 ]
%%% NODES %%%
node (n1) [digital] Customer relationship;
node (n2) [digital] Competitive Landscape;
node (n3) [digital] People/Work environment;
%%% dotted RECTANGLE %%%
node[draw, thick, dotted, inner sep=3ex, yshift=-1ex,
 fit=(n1) (n3)] (box) ;
node[fill=white, inner xsep=1ex] at (box.south) Text Here;
 endtikzpicture
captionThree pillars
labelfig:leadership_digital
 endfigure
enddocument

enter image description here

note: your code assume, that nodes "digital" are connected by arrows, but on images are simple lines. if you prefer to have only lines, than change line style to line/.style = thick,-

edited 1 hour ago

answered 1 hour ago

Zarko

114k863152

edited 1 hour ago

answered 1 hour ago

Zarko

114k863152

answered 1 hour ago

Zarko

114k863152

answered 1 hour ago

Zarko

114k863152

add a commentÂ |Â

draft saved

draft discarded

draft saved

draft discarded

Post as a guest

Name

Search This Blog

Iyfjky