Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
859 views
in Technique[技术] by (71.8m points)

graph visualization - JSON Visualizer Chart Plugin - change title position

Working with Visualization chart plugin in WordPress. I have figured out how to manipulate most of the chart using JSON, but can not figure out how to target the chart title position so that I can change the x and y positions. I would like to center the chart title and add a space between the title and chart.

<div class="vc_row wpb_row vc_row-fluid">
  <div class="wpb_column vc_column_container vc_col-sm-12">
    <div class="vc_column-inner">
      <div class="wpb_wrapper">
        <div class="vc_empty_space" style="height: 80px"><span class="vc_empty_space_inner"></span></div>
        <div class="wpb_raw_code wpb_content_element wpb_raw_html">
          <div class="wpb_wrapper">
            <div id="visualizer-8043-1228454902" class="visualizer-front  visualizer-front-8043">
              <div style="position: relative;">
                <div dir="ltr" style="position: relative; width: 1110px; height: 600px;">
                  <div aria-label="A chart." style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"><svg width="1110" height="600" aria-label="A chart." style="overflow: hidden;">
                      <defs id="_ABSTRACT_RENDERER_ID_22">
                        <clipPath id="_ABSTRACT_RENDERER_ID_23">
                          <rect x="195" y="115" width="721" height="371"></rect>
                        </clipPath>
                      </defs>
                      <rect x="0" y="0" width="1110" height="600" stroke="#d6d6d6" stroke-width="2" fill="#ffffff"></rect>
                      <g><text text-anchor="start" x="195" y="48.5" font-family="sans-serif" font-size="30" font-weight="bold" stroke="none" stroke-width="0" fill="#54585a">Chart Title Name Here</text><text text-anchor="start"
                          x="195" y="87.5" font-family="sans-serif" font-size="30" font-weight="bold" stroke="none" stroke-width="0" fill="#54585a">Second Line of Chart Title Here</text>
                        <rect x="195" y="23" width="721" height="69" stroke="none" stroke-width="0" fill-opacity="0" fill="#ffffff"></rect>
                      </g>

Image for easier viewing

question from:https://stackoverflow.com/questions/65854456/json-visualizer-chart-plugin-change-title-position

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
Waitting for answers

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...