- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试创建一个 GroupedStackBar
图表显示每个客户过去三个月每个产品的收入,并添加描述每个时期与客户进行的 session 的折线图。我正在使用 JasperReports 创建一个 PDF 报告,使用常用的图表定制器来准备它。
下面的快照推测了我正在尝试创建的图表:
.
该报告需要描述每个客户的月收入和 session 。如,显示 Client1
提供给 X
百万收入并拥有 M
十一月 session ,Y
百万收入和 N
12 月的 session 等等..
所以,我的 X 轴有两个分组 - 上个季度的客户和月份。此外,收入与产品进一步叠加。所以,我有点合并两个不同的数据集 - 每个客户的收入度量,月份,产品对每个客户的 session 度量,月份来构建图表。
我为生成图表而创建的示例程序:
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartPanel;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.axis.AxisLocation;
import org.jfree.chart.axis.NumberAxis;
import org.jfree.chart.axis.SubCategoryAxis;
import org.jfree.chart.axis.ValueAxis;
import org.jfree.chart.plot.CategoryPlot;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.chart.renderer.category.GroupedStackedBarRenderer;
import org.jfree.chart.renderer.category.LineAndShapeRenderer;
import org.jfree.data.KeyToGroupMap;
import org.jfree.data.category.CategoryDataset;
import org.jfree.data.category.DefaultCategoryDataset;
import org.jfree.ui.ApplicationFrame;
import org.jfree.ui.RefineryUtilities;
public class GroupedStackedBarLineChart extends ApplicationFrame {
public GroupedStackedBarLineChart(final String title) {
super(title);
// final JFreeChart chart = constructBarOverLineChart();
final JFreeChart chart = constructLineOverBarChart();
final ChartPanel panel = new ChartPanel(chart);
setContentPane(panel);
}
private JFreeChart constructLineOverBarChart() {
final JFreeChart chart = ChartFactory.createLineChart(
"Stacked Grouped Bar Line Chart", "Products/Month",
"Meetings/Month", fetchMeetingDataSet(),
PlotOrientation.VERTICAL, true, true, false);
final KeyToGroupMap map = new KeyToGroupMap("Jan13");
map.mapKeyToGroup("Jan13 (Product1)", "Jan13");
map.mapKeyToGroup("Jan13 (Product2)", "Jan13");
map.mapKeyToGroup("Jan13 (Product3)", "Jan13");
map.mapKeyToGroup("Feb13 (Product1)", "Feb13");
map.mapKeyToGroup("Feb13 (Product2)", "Feb13");
map.mapKeyToGroup("Feb13 (Product3)", "Feb13");
map.mapKeyToGroup("Mar13 (Product1)", "Mar13");
map.mapKeyToGroup("Mar13 (Product2)", "Mar13");
map.mapKeyToGroup("Mar13 (Product3)", "Mar13");
final GroupedStackedBarRenderer renderer = new GroupedStackedBarRenderer();
renderer.setSeriesToGroupMap(map);
renderer.setItemMargin(0.076);
final SubCategoryAxis domainAxis = new SubCategoryAxis("Products/Month");
domainAxis.addSubCategory("Jan13");
domainAxis.addSubCategory("Feb13");
domainAxis.addSubCategory("Mar13");
domainAxis.setCategoryMargin(0.28);
final CategoryPlot subPlot1 = (CategoryPlot) chart.getPlot();
subPlot1.setDataset(1, fetchRevenueDataSet());
subPlot1.setDomainAxis(domainAxis);
final ValueAxis revenueAxis = new NumberAxis("Revenue");
subPlot1.setRangeAxis(1, revenueAxis);
subPlot1.setRenderer(1, renderer);
return chart;
}
private JFreeChart constructBarOverLineChart() {
final JFreeChart chart = ChartFactory.createStackedBarChart(
"Stacked Grouped Bar Line Chart", "Clients", "Revenue",
fetchRevenueDataSet(), PlotOrientation.VERTICAL, true, true,
false);
final KeyToGroupMap map = new KeyToGroupMap("Jan13");
map.mapKeyToGroup("Jan13 (Product1)", "Jan13");
map.mapKeyToGroup("Jan13 (Product2)", "Jan13");
map.mapKeyToGroup("Jan13 (Product3)", "Jan13");
map.mapKeyToGroup("Feb13 (Product1)", "Feb13");
map.mapKeyToGroup("Feb13 (Product2)", "Feb13");
map.mapKeyToGroup("Feb13 (Product3)", "Feb13");
map.mapKeyToGroup("Mar13 (Product1)", "Mar13");
map.mapKeyToGroup("Mar13 (Product2)", "Mar13");
map.mapKeyToGroup("Mar13 (Product3)", "Mar13");
final GroupedStackedBarRenderer renderer = new GroupedStackedBarRenderer();
renderer.setSeriesToGroupMap(map);
renderer.setItemMargin(0.076);
final SubCategoryAxis domainAxis = new SubCategoryAxis("Products/Month");
domainAxis.addSubCategory("Jan13");
domainAxis.addSubCategory("Feb13");
domainAxis.addSubCategory("Mar13");
domainAxis.setCategoryMargin(0.28);
final CategoryPlot subPlot1 = (CategoryPlot) chart.getPlot();
subPlot1.setDomainAxis(domainAxis);
subPlot1.setRenderer(renderer);
final ValueAxis meetingAxis = new NumberAxis("Meetings");
subPlot1.setDataset(1, fetchMeetingDataSet());
// subPlot1.mapDatasetToDomainAxis(1, 1);
subPlot1.setRangeAxis(1, meetingAxis);
subPlot1.setRangeAxisLocation(0, AxisLocation.BOTTOM_OR_LEFT);
subPlot1.setRangeAxisLocation(1, AxisLocation.TOP_OR_RIGHT);
subPlot1.setRenderer(1, new LineAndShapeRenderer(true, false));
return chart;
}
private CategoryDataset fetchRevenueDataSet() {
final DefaultCategoryDataset revenueDataSet = new DefaultCategoryDataset();
revenueDataSet.addValue(20.3, "Jan13 (Product1)", "Client1");
revenueDataSet.addValue(27.2, "Jan13 (Product2)", "Client1");
revenueDataSet.addValue(19.7, "Jan13 (Product3)", "Client1");
revenueDataSet.addValue(19.4, "Feb13 (Product1)", "Client1");
revenueDataSet.addValue(10.9, "Feb13 (Product2)", "Client1");
revenueDataSet.addValue(18.4, "Feb13 (Product3)", "Client1");
revenueDataSet.addValue(16.5, "Mar13 (Product1)", "Client1");
revenueDataSet.addValue(15.9, "Mar13 (Product2)", "Client1");
revenueDataSet.addValue(16.1, "Mar13 (Product3)", "Client1");
revenueDataSet.addValue(23.3, "Jan13 (Product1)", "Client2");
revenueDataSet.addValue(16.2, "Jan13 (Product2)", "Client2");
revenueDataSet.addValue(28.7, "Jan13 (Product3)", "Client2");
revenueDataSet.addValue(12.7, "Feb13 (Product1)", "Client2");
revenueDataSet.addValue(17.9, "Feb13 (Product2)", "Client2");
revenueDataSet.addValue(12.6, "Feb13 (Product3)", "Client2");
revenueDataSet.addValue(15.4, "Mar13 (Product1)", "Client2");
revenueDataSet.addValue(21.0, "Mar13 (Product2)", "Client2");
revenueDataSet.addValue(11.1, "Mar13 (Product3)", "Client2");
revenueDataSet.addValue(23.8, "Jan13 (Product1)", "Client3");
revenueDataSet.addValue(23.4, "Jan13 (Product2)", "Client3");
revenueDataSet.addValue(19.3, "Jan13 (Product3)", "Client3");
revenueDataSet.addValue(11.9, "Feb13 (Product1)", "Client3");
revenueDataSet.addValue(31.0, "Feb13 (Product2)", "Client3");
revenueDataSet.addValue(22.7, "Feb13 (Product3)", "Client3");
revenueDataSet.addValue(15.3, "Mar13 (Product1)", "Client3");
revenueDataSet.addValue(14.4, "Mar13 (Product2)", "Client3");
revenueDataSet.addValue(25.3, "Mar13 (Product3)", "Client3");
return revenueDataSet;
}
private CategoryDataset fetchMeetingDataSet() {
final DefaultCategoryDataset meetingDataSet = new DefaultCategoryDataset();
meetingDataSet.addValue(20, "Jan13", "Client1");
meetingDataSet.addValue(8, "Feb13", "Client1");
meetingDataSet.addValue(35, "Mar13", "Client1");
meetingDataSet.addValue(7, "Jan13", "Client2");
meetingDataSet.addValue(20, "Feb13", "Client2");
meetingDataSet.addValue(12, "Mar13", "Client2");
meetingDataSet.addValue(25, "Jan13", "Client3");
meetingDataSet.addValue(17, "Feb13", "Client3");
meetingDataSet.addValue(7, "Mar13", "Client3");
return meetingDataSet;
}
public static void main(String[] args) {
GroupedStackedBarLineChart demo = new GroupedStackedBarLineChart(
"Client Revenue and Meetings");
demo.pack();
RefineryUtilities.centerFrameOnScreen(demo);
demo.setVisible(true);
}
}
P
Jan13 与
Client1
的 session ,
Q
Jan13 与
Client2
的 session ,
R
Jan13 与
Client3
的 session 和
X
2 月 13 日与
Client2
的 session ,
Y
2 月 13 日与
Client2
的 session 等等..也就是说,不尊重客户端的分组。我尝试改变折线图数据集中的行键/列键,但没有 yield 。
最佳答案
我的第一个想法是实现自定义渲染器 - GroupStackedBarRenderer 和 LineAndShapeRenderer 的混合 - 但下面的假分组更容易;)
所以我用 StackeBarRenderer 替换了 GroupedStackedBarRenderer 并在组之间插入了一个虚拟列。
客户的分组类别标签由第二个域轴归档 -
幸运的是,无论使用多少个客户端/组,第二个类别轴的标签都集中在第一个轴的组内...
import java.awt.Graphics2D;
import org.apache.commons.beanutils.PropertyUtilsBean;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartPanel;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.axis.AxisLocation;
import org.jfree.chart.axis.CategoryAxis;
import org.jfree.chart.axis.NumberAxis;
import org.jfree.chart.axis.ValueAxis;
import org.jfree.chart.plot.CategoryPlot;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.chart.renderer.category.StackedBarRenderer;
import org.jfree.data.category.CategoryDataset;
import org.jfree.data.category.DefaultCategoryDataset;
import org.jfree.text.G2TextMeasurer;
import org.jfree.text.TextBlock;
import org.jfree.text.TextUtilities;
import org.jfree.ui.ApplicationFrame;
import org.jfree.ui.RectangleEdge;
import org.jfree.ui.RefineryUtilities;
public class GroupedStackedBarLineChart extends ApplicationFrame {
public GroupedStackedBarLineChart(final String title) {
super(title);
// final JFreeChart chart = constructBarOverLineChart();
final JFreeChart chart = constructLineOverBarChart();
final ChartPanel panel = new ChartPanel(chart);
setContentPane(panel);
}
private JFreeChart constructLineOverBarChart() {
final JFreeChart chart = ChartFactory.createLineChart(
"Stacked Grouped Bar Line Chart", "",
"Meetings/Month", fetchMeetingDataSet(),
PlotOrientation.VERTICAL, true, true, false);
final StackedBarRenderer renderer = new StackedBarRenderer();
renderer.setItemMargin(0.076);
final CategoryPlot cp = chart.getCategoryPlot();
cp.setDataset(1, fetchRevenueDataSet());
final ValueAxis revenueAxis = new NumberAxis("Revenue");
cp.setRangeAxis(1, revenueAxis);
cp.setRenderer(1, renderer);
chopCategoryLabels(cp);
insertFakeGrouping(cp);
CategoryAxis ca = new CategoryAxis("Products/Month");
cp.setDomainAxis(1, ca);
cp.setDataset(2, anotherDataSet());
cp.mapDatasetToDomainAxis(2, 1);
cp.setDomainAxisLocation(1, AxisLocation.BOTTOM_OR_LEFT);
ca.setAxisLineVisible(false);
ca.setTickMarksVisible(false);
return chart;
}
private void insertFakeGrouping(CategoryPlot cp) {
for (int i=0; i<cp.getDatasetCount(); i++) {
assert(cp.getDataset(i) instanceof DefaultCategoryDataset);
CategoryDataset cd = cp.getDataset(i);
Comparable<?> firstRow = cd.getRowKey(0);
DefaultCategoryDataset dcd = new DefaultCategoryDataset();
for (int col=0; col<cd.getColumnCount(); col++) {
if (col > 0) {
String c1 = cd.getColumnKey(col-1).toString();
c1 = c1.substring(c1.indexOf('_'));
String c2 = cd.getColumnKey(col).toString();
c2 = c2.substring(c2.indexOf('_'));
if (!c1.equals(c2)) {
dcd.addValue(null, firstRow, "dummy"+col);
}
}
for (int row=0; row<cd.getRowCount(); row++) {
Comparable<?> rowKey = cd.getRowKey(row);
Comparable<?> columnKey = cd.getColumnKey(col);
dcd.addValue(cd.getValue(rowKey, columnKey), rowKey, columnKey);
}
}
cp.setDataset(i, dcd);
}
}
private void chopCategoryLabels(CategoryPlot cp) {
CategoryAxis caOld = cp.getDomainAxis();
CategoryAxis caNew = new CategoryAxis(){
protected TextBlock createLabel(Comparable category, float width,
RectangleEdge edge, Graphics2D g2) {
String cat = category.toString();
cat = (cat.contains("_"))
? cat.substring(0, cat.indexOf('_'))
: "";
TextBlock label = TextUtilities.createTextBlock(cat,
getTickLabelFont(category), getTickLabelPaint(category), width,
getMaximumCategoryLabelLines(), new G2TextMeasurer(g2));
return label;
}
};
try {
new PropertyUtilsBean().copyProperties(caNew, caOld);
cp.setDomainAxis(0, caNew);
} catch (Exception e) {
throw new RuntimeException("not really?", e);
}
}
private CategoryDataset anotherDataSet() {
final DefaultCategoryDataset ds = new DefaultCategoryDataset();
ds.addValue(1, "1", "Client 1");
ds.addValue(1, "2", "Client 2");
ds.addValue(1, "3", "Client 3");
return ds;
}
private CategoryDataset fetchRevenueDataSet() {
final DefaultCategoryDataset revenueDataSet = new DefaultCategoryDataset();
revenueDataSet.addValue(20.3, "Product 1", "Jan13_1");
revenueDataSet.addValue(27.2, "Product 2", "Jan13_1");
revenueDataSet.addValue(19.7, "Product 3", "Jan13_1");
revenueDataSet.addValue(19.4, "Product 1", "Feb13_1");
revenueDataSet.addValue(10.9, "Product 2", "Feb13_1");
revenueDataSet.addValue(18.4, "Product 3", "Feb13_1");
revenueDataSet.addValue(16.5, "Product 1", "Mar13_1");
revenueDataSet.addValue(15.9, "Product 2", "Mar13_1");
revenueDataSet.addValue(16.1, "Product 3", "Mar13_1");
revenueDataSet.addValue(23.3, "Product 1", "Jan13_2");
revenueDataSet.addValue(16.2, "Product 2", "Jan13_2");
revenueDataSet.addValue(28.7, "Product 3", "Jan13_2");
revenueDataSet.addValue(12.7, "Product 1", "Feb13_2");
revenueDataSet.addValue(17.9, "Product 2", "Feb13_2");
revenueDataSet.addValue(12.6, "Product 3", "Feb13_2");
revenueDataSet.addValue(15.4, "Product 1", "Mar13_2");
revenueDataSet.addValue(21.0, "Product 2", "Mar13_2");
revenueDataSet.addValue(11.1, "Product 3", "Mar13_2");
revenueDataSet.addValue(23.8, "Product 1", "Jan13_3");
revenueDataSet.addValue(23.4, "Product 2", "Jan13_3");
revenueDataSet.addValue(19.3, "Product 3", "Jan13_3");
revenueDataSet.addValue(11.9, "Product 1", "Feb13_3");
revenueDataSet.addValue(31.0, "Product 2", "Feb13_3");
revenueDataSet.addValue(22.7, "Product 3", "Feb13_3");
revenueDataSet.addValue(15.3, "Product 1", "Mar13_3");
revenueDataSet.addValue(14.4, "Product 2", "Mar13_3");
revenueDataSet.addValue(25.3, "Product 3", "Mar13_3");
return revenueDataSet;
}
private CategoryDataset fetchMeetingDataSet() {
final DefaultCategoryDataset meetingDataSet = new DefaultCategoryDataset();
meetingDataSet.addValue(20, "Meetings", "Jan13_1");
meetingDataSet.addValue(8, "Meetings", "Feb13_1");
meetingDataSet.addValue(35, "Meetings", "Mar13_1");
meetingDataSet.addValue(7, "Meetings", "Jan13_2");
meetingDataSet.addValue(20, "Meetings", "Feb13_2");
meetingDataSet.addValue(12, "Meetings", "Mar13_2");
meetingDataSet.addValue(25, "Meetings", "Jan13_3");
meetingDataSet.addValue(17, "Meetings", "Feb13_3");
meetingDataSet.addValue(7, "Meetings", "Mar13_3");
return meetingDataSet;
}
public static void main(String[] args) {
GroupedStackedBarLineChart demo = new GroupedStackedBarLineChart(
"Client Revenue and Meetings");
demo.pack();
RefineryUtilities.centerFrameOnScreen(demo);
demo.setVisible(true);
}
}
关于jasper-reports - 我们可以在分组堆积条形图上绘制折线图吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15025434/
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
折线图是一种用于可视化数据变化趋势的图表,它可以用于表示任何数值随着时间或类别的变化。 折线图由折线段和折线交点组成,折线段表示数值随时间或类别的变化趋势,折线交点表示数据的转折点。 折
我是 d3 和 typescript 的新手。 我正在尝试使用 d3 v4 和 typescript 创建一个简单的折线图。 但是,我收到了一个 typescript 错误,如下图所示: 问题是什么?
我是 Qlikview 的新手,经过几次失败的尝试后,我不得不请求一些有关 Qlikview 中图表的指导。我想创建折线图,其中包含: 一维 - 一个月的时间段按天数分割 一个表达式 - 每天创建的任
我正在尝试使用 Firebase 实时数据库中的数据在 Android 中制作折线图。 这是数据库的结构: enter image description here 这是代码: public clas
我有一个 TSQL 查询,它提供了一些性能基线的一个月数据。我用折线图显示数据。现在我想在报告中添加更多参数,以提供从两个不同月份选择数据的选项,并将其显示在同一个折线图中以进行比较。我不知道如何开始
我有一个简单(但非常大)的数据集,其中包含从 4 月到 8 月在不同站点进行的计数。 在 4 月中旬和 7 月之间,没有零计数 - 但零线从最早到最晚的日期延伸。 以下是用于制作上述图表的部分数据(列
我正在创建一个折线图,我想在不改变线条长度的情况下增加线条的高度或厚度。 在增加宽度属性之前,它看起来像这样: 增加宽度属性后,它看起来像这样: 我只想增加 height,但是没有这样的属性,所以我尝
我想在折线图的顶部显示值。我看过this answer这很有帮助,但它改变了折线图节点。我想要的是相同的想法,但不在节点上显示值,而是在它们附近(可能在它们的右侧和上方)显示值,例如:
我正在尝试使用谷歌图表以折线图的形式显示mysql数据。我认为问题出在我尝试格式化谷歌图表数据的部分。我的代码有什么问题吗? $sth = mysql_query("SELECT * FROM rea
我有 JavaFX LineChart 和一些带有 XYChart.Series 对象的数据 XYChart.Series series = new XYChart.Series(); series.
给定: 理想图 - 描绘了我的机器应该具有的预期读数。实际图表 - 描述我的机器在该实例中的实际读数。 X轴:来自机器的力(N) Y 轴:时间 这两个图都是使用 python 中的 pyplot 库创
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。 关闭 6 年前。
<% function table2(total,table_x,table_y,all_width,all_height,line_n
我想根据数据中的一列离散值过滤使用 plotly 创建的图表。最终目标是能够使用按钮来更新过滤值,所以我不想事先过滤数据。 library(plotly) df % filter(group1=
我正在尝试在 JavaFX 中创建折线图。此折线图应该有一个轴 (y) 与数字和另一个轴 (x) 与日期。日期范围应该由用户使用两个日期选择器来选择。现在这是我的问题:折线图只有类别和数字轴。有什么方
我正在使用 nivo 折线图,并希望将 x 轴用作时间线,最多一分钟。 不幸的是,我无法呈现该图表,因为它无法正确读取日期。例如,这是我的数据的一部分: { x: "2020-04-24T13:07:
我有一个用 gRaphael 创建的折线图。它有轴和刻度线,但我想要网格线。是否有内置的方法来实现这一点或可以帮助我的附加库? 最佳答案 gRaphael 没有添加网格线的内置方法,但绘制它们非常容易
我正在生成一份报告,该报告是根据查询字符串在网页的页面加载时生成的。我在电子表格中生成的单元格数据完全符合我的要求。现在我需要添加一个折线图。数据是动态的,行数会有所不同。 搜索后没有信息,这与在 .
我正在尝试使用 highcharts 中每 x 秒更新一次的折线图。理想情况下,我希望它使用一些特定数据进行初始化,并每 x 秒轮询一次 Web 服务,并进行相应更新。 目前,我只是尝试使用网络服务中
我是一名优秀的程序员,十分优秀!