WordPress.org
Get WordPress

Plugin Directory

Changeset 2682427


Ignore:
Timestamp:
02/21/2022 12:53:39 PM (4 years ago)
Author:
sidov
Message:

edit readme

File:
1 edited

Legend:

Unmodified
Added
Removed

  • page-charts/trunk/readme.txt

    r2682407 r2682427  
    1414
    1515== Description ==
    16     This plagin lets you to embed charts of Chart and Highcharts softwares on any page or post of your site.
    17     For this you should include one of above mentioned libraries in the "js" directiory of this plagin.
    18     For every chart you must prepare two files : one of them it's a javascript file with the Highchart object,
    19     other one it's a php file with data for chart. Interface between php and js represents array with the name "data".
    20     To this array you can include all variables and arrays necessary for the Highchart object.
     16This plagin lets you to embed charts of Chart and Highcharts softwares on any page or post of your site.
     17For this you should include one of above mentioned libraries in the "js" directiory of this plagin.
     18For every chart you must prepare two files : one of them it's a javascript file with the Highchart object,
     19other one it's a php file with data for chart. Interface between php and js represents array with the name "data".
     20To this array you can include all variables and arrays necessary for the Highchart object.
    2121   
    2222    For example in the php file:
    … …  
    4444    }
    4545   
    46     If you want to use static data right in the js you should prepare a php file with void array "data".
    47     All js files you should include in the folder "js" and php files in the "php" folder.
    48     For rendering the chart on the chosen page You should put necessary HTML tag with the corresponding id
     46If you want to use static data right in the js you should prepare a php file with void array "data".
     47All js files you should include in the folder "js" and php files in the "php" folder.
     48For rendering the chart on the chosen page You should put necessary HTML tag with the corresponding id
    4949in the chosen line.
    50     For Chart library you should wrap <canvas> tag in <div>.
    51     For example for Chart library:
    52 Text text text.
    53    
    54   <div style="width:800px; height = 450px !important;"><canvas id="container"  class = "container" width="800" height="450"></canvas></div>
    55  
    56 text text text.
    5750
    58     After activating plagin you should select field "Page Charts" in the menu "Plagins" of your admin panel.
     51For Chart library you should wrap canvas tags in div tag.
     52
     53
     54After activating plagin you should select field "Page Charts" in the menu "Plagins" of your admin panel.
    5955In the drop-down list with the label "Choose a chart library" you should choose appropriate software.
    6056Do not forget to include chosen software library in the "js" folder of the plagin!
    … …  
    6460Be shure that id in your div on the page and container name of the javascript chart object are the same.   
    6561If you want to use several charts on the same page use "duplicate" button and do the same as above.
    66     Don't forget to use different container's ids on the same page!
     62Don't forget to use different container's ids on the same page!
    6763You can preview your chart on the admin page by clicking "preview the chart".   
    6864
    6965== Installation ==
    7066
    71 1. Upload the "page-charts" folder to the '/wp-content/plugins' directory.
    72 2. Upload the necessary library software(Chart or Highcharts) in the "js" folder of the plagin.
    73 3. Activate the plugin through the 'Plugins' menu in WordPress.
     67Upload the "page-charts" folder to the '/wp-content/plugins' directory.
     68Upload the necessary library software(Chart or Highcharts) in the "js" folder of the plagin.
     69Activate the plugin through the 'Plugins' menu in WordPress.
    7470
    7571== Frequently Asked Questions ==
Note: See TracChangeset for help on using the changeset viewer.