Plugin Directory

Changeset 756990


Ignore:
Timestamp:
08/16/2013 04:07:25 AM (13 years ago)
Author:
randyjensen
Message:

added ability to create screenshots of charts

Location:
rj-quickcharts/trunk
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • rj-quickcharts/trunk/README.txt

    r754586 r756990  
    77Requires at least: 3.0
    88Tested up to: 3.5.2
    9 Stable tag: 0.5.6
     9Stable tag: 0.5.7
    1010
    1111Build Complex, Powerful HTML5 Bar Charts, Line Charts and Pie Charts in Just Minutes. No Programming Knowledge Required!
     
    3838* Tooltips hover on chart data with custom suffix
    3939* Working preview of chart as you build it
     40* Take screenshots of your chart and save as .png to use in presentations or slideshows!
    4041
    4142= License =
     
    6263* Localization
    6364* Ability to disable X and Y axis labels
     65* Allow bar chart to run horizontally
    6466
    6567= Feature Requests? =
     
    7476
    7577== Changelog ==
     78
     79= 0.5.7 =
     80* You can now take screenshots of your chart right from the admin screen. Drag the chart area handle to change the width of your chart for the screenshot and just click 'Screenshot Chart'. Easy!
    7681
    7782= 0.5.6 =
  • rj-quickcharts/trunk/admin/rjqc-admin-new.php

    r754586 r756990  
    118118        </div>
    119119    </div>
     120    <div id="rjqc-chart-resize-info"></div>
    120121    ';
    121122
     
    126127            <div class="get-shortcode rjqc-button button">Save Chart</div>
    127128            <div class="save-message"></div>
    128             <!--<div id="screenshot" class="rjqc-button button">Save Image</div>-->
     129            <div id="screenshot" class="rjqc-button button">Screenshot Chart</div>
    129130            <div class="cf"></div>
    130131        </div>
     
    422423        chartHeight = jQuery(this).val();
    423424        if (chartHeight === '') {
    424             jQuery('#rjqc-chart').height('300px');
    425         } else {
    426             jQuery('#rjqc-chart').height(chartHeight+'px');
    427         }
     425            chartHeight = '300'
     426        }
     427
     428        jQuery('#rjqc-chart').height(chartHeight+'px');
     429
     430        $('#rjqc-chart-resize').resizable({
     431            minHeight: parseInt(chartHeight)+60,
     432            maxHeight: parseInt(chartHeight)+60,
     433            minWidth: 400,
     434        });
     435
    428436        chart.replot();
    429437    });
     
    432440    if (<? echo $legend ?> === 0) {
    433441        setTimeout(function(){
    434             jQuery('.jqplot-table-legend').hide();
     442            jQuery('.jqplot-table-legend').remove();
    435443        }, 150);
    436444    }
     
    472480
    473481    // Handle ability to resize chart
    474     /*var handleResizer = function() {
    475         rjqc.buildChart(chartOpts, theYData, series);
     482    var handleResizer = function() {
     483        jQuery('#rjqc-chart-resize-info')
     484            .css({
     485                'padding':'5px 0 0 5px',
     486                'color':'#e42217'
     487            })
     488            .text('* Please note that resizing the chart is only for \
     489                    taking screenshots and will not reflect the acutal \
     490                    size of the chart in your posts.');
     491        rjqc.buildOutQuickchartLive(jQuery('#chart-type select').val(), chart, chartOpts);
    476492    }
    477493    $('#rjqc-chart-resize').resizable({
    478         minHeight: 360,
     494        minHeight: parseInt(<?= $chart_height ?>)+60,
     495        maxHeight: parseInt(<?= $chart_height ?>)+60,
    479496        minWidth: 400,
    480497    });
     
    483500    // Handle screenshot button
    484501    $('#screenshot').click(function() {
     502        jQuery('#rjqc-chart-resize-info')
     503            .css({
     504                'padding':'5px 0 0 5px',
     505                'color':'#e42217'
     506            })
     507            .text('* Change the size of the chart for your screenshot \
     508                    with the draggable handle above.');
    485509        var imgData = $('#rjqc-chart').jqplotToImageStr({});
    486510        var imgElem = $('<img/>').attr('src',imgData);
    487511        window.open(imgData);
    488     });*/
     512    });
    489513})(jQuery);
    490514</script>
  • rj-quickcharts/trunk/ajax/ajax.js

    r740035 r756990  
    152152                cache: false,
    153153                success: function (response) {
    154                     $('.save-message').html('Chart Saved!').delay(3000).queue(function() {
     154                    $('.save-message').html('Chart Saved!').stop().delay(4000).queue(function() {
    155155                        $(this).html('');
    156156                    });
  • rj-quickcharts/trunk/js/main.js

    r737214 r756990  
    322322            // Handle legend hiding on the client
    323323            if(chartLegend === false) {
    324                 jQuery('.jqplot-table-legend').hide();
     324                jQuery('.jqplot-table-legend').remove();
    325325            } else {
    326326                jQuery('.jqplot-table-legend').show();
  • rj-quickcharts/trunk/main.css

    r754586 r756990  
    8787
    8888.save-message {
    89     padding: 3px 0 0 90px;
     89    float: left;
     90    padding: 3px 0 0 10px;
    9091}
    9192
  • rj-quickcharts/trunk/rj_charts.php

    r754586 r756990  
    44Plugin URI: http://www.randyjensen.com
    55Description: Easily create charts for your WordPress site. Line charts, bar charts and pie charts currently supported.
    6 Version: 0.5.6
     6Version: 0.5.7
    77Author: Randy Jensen
    88Author URI: http://www.randyjensen.com
     
    1515    global $table_name;
    1616
    17     $rjqc_db_version = '0.5.6';
     17    $rjqc_db_version = '0.5.7';
    1818    $table_name = $wpdb->prefix . 'rj_quickcharts';
    1919
Note: See TracChangeset for help on using the changeset viewer.