1

我需要在 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，但没有找到正确的解决方案。最接近的结果与示例 6 类似，在示例 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();
4

1 回答 1

0

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

它易于设置，渲染的图形更易于查看。您可以在一个结果中添加多个图表，以及所需的背景 - 对于那些我使用多个趋势区域的人。用作魅力。

于 2015-02-20T10:10:44.053 回答