如何在PHP中使用限制区域渲染重叠图形

时间:2014-06-06 13:44:23

标签: php graph smarty phpgraphlib

我需要在1张图片中渲染2张图。第1个值是产品价格(条形图),第2个是价格范围。我想要做的是,渲染这些范围的区域,并在它们之上呈现产品的实际价格,所以我可以看到产品是否在第一级等范围内。

例:

Ranges:
1st price level: 100-300
2nd price level: 400-700
3rd price level: 900-1500

Product prices:
Product A: 70
Product B: 170
Product C: 250
Product D: 570
Product E: 1270
Product F: 1800

现在,图表应显示价格的正常条形图,但也应显示3个水平区域(或3个不同背景)。 A应该能够看到哪些产品是好的,哪些产品有一些疯狂的价格(如Product F价格过高等)。

我尝试了PHPGraphLib,但找不到合适的解决方案。最接近的结果类似于Example 6,其中我设置了6个目标线(从 - 到组合),但它不是很清楚也很难看到。

现在我正试图在PHPlot中解决这个问题 - 我设法在1张图片中加入2张图表 - 产品条形图和价格水平的区域图,但似乎不是最简单的并正确的解决方案有没有办法在这些库中如何做到这一点?

修改

PHPGraphLib代码:

$graph = new PHPGraphLib(500, 350);
$data = array();
// product prices
$data['prod_a'] = 70;
$data['prod_b'] = 170;
$data['prod_c'] = 250;
$data['prod_d'] = 570;
$data['prod_e'] = 1270;
$data['prod_f'] = 1800;

$graph->addData($data);
$graph->setBarColor('#cccccc');
$graph->setDataValues(true);
$graph->setLegend(true);
$graph->setLegendTitle('OKPC');

// price levels
$graph->setGoalLine(100, "#ff0000", "dashed");
$graph->setGoalLine(300, "#ff0000", "solid");
$graph->setGoalLine(400, "#00ff00", "dashed");
$graph->setGoalLine(700, "#00ff00", "solid");
$graph->setGoalLine(900, "#0000ff", "dashed");
$graph->setGoalLine(1500, "#0000ff", "solid");

$graph->createGraph();

PHPlot代码:

// product prices
$data1 = array(
    array('prod_a', 100, 300, 400, 700, 900, 1500),
    array('prod_b', 100, 300, 400, 700, 900, 1500),
    array('prod_c', 100, 300, 400, 700, 900, 1500),
    array('prod_d', 100, 300, 400, 700, 900, 1500),
    array('prod_e', 100, 300, 400, 700, 900, 1500),
    array('prod_f', 100, 300, 400, 700, 900, 1500),
);
// price levels
$data2 = array(
    array('prod_a', 70),
    array('prod_b', 170),
    array('prod_c', 250),
    array('prod_d', 570),
    array('prod_e', 1270),
    array('prod_f', 1800),
);

$plot = new PHPlot(800, 600);
$plot->SetImageBorderType('plain');
$plot->SetPrintImage(False);

// Plot 1
$plot->SetDrawPlotAreaBackground(True);
$plot->SetPlotType('area');
$plot->SetDataType('text-data');
$plot->SetDataValues($data1);
$plot->SetPlotAreaWorld(NULL, 0, NULL, 3000);
$plot->SetXTickLabelPos('none');
$plot->SetXTickPos('none');
$plot->SetYLabelType('data', 0);
$plot->DrawGraph();

// Plot 2
$plot->SetDrawPlotAreaBackground(False);
$plot->SetDrawYGrid(False);
$plot->SetPlotType('linepoints');
$plot->SetDataValues($data2);
$plot->SetYTickPos('plotright');
$plot->SetYTickLabelPos('plotright');
$plot->SetDataColors('black');
$plot->DrawGraph();

$plot->PrintImage();

1 个答案:

答案 0 :(得分:0)

我注意到这个问题已不再有效,所以我想为其他人发布我的解决方案。最后,我放弃了PHPlot和PHPGraphLib,并且使用了FusionCharts的javascript解决方案。

设置和渲染图表更容易查看。您可以在一个结果中添加多个图形,以及所需的背景 - 对于那些我使用多个trendzones的图形。充当魅力。