Codeinwp / Codeinwp/visualizer

Ability to add footer to chart on the front-end

Open
#522 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

documentation hold
Dominant language
PHP
Stars
108
Forks
29
Avg merge
1d 9h
Merged PRs (30d)
7

Description

An enhancement to be able to add sources to the data of graphs (possible footer/header like in this screenshot -> http://prntscr.com/p24vpo )

However, there is a workaround with JS <<thanks @SilviuDinu>>(it modifies the horizontal axis description but if the description is needed, there is no solution) with the following code, trying JSON from google's API doesnt work in manual configuration.

<script type = "text/javascript"> var chartTitle = document.querySelectorAll(".visualizer-front svg g g text"); for (var i = 0; i < chartTitle.length; i = i + 1) { if (chartTitle[i].innerHTML === 'Source: Data Insight') { chartTitle[i].setAttribute('x', 120); } }; </script>

Refference -> https://secure.helpscout.net/conversation/942172660/200370?folderId=212385

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the front-end chart rendering and the manual configuration path described in the issue, then compare them with the supplied JavaScript workaround and screenshot. Done should provide a supported way to display chart data sources in a footer or header without sacrificing the horizontal-axis description, including the relevant configuration behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, php, wordpress
Domain
data-visualization, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
32/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.