标签: charts

我有一个程序可以计算 .txt 文件中数字的出现次数并将其显示为直方图（条形图）。我想添加 y 轴和 x 轴，但我不知道该怎么做。另外，我想在条形图窗口上显示带有数字计数和类数的标签，但现在它在第一个窗口上显示它们，我不知道为什么。

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import javax.swing.JButton;
import javax.swing.JFrame;
import java.awt.event.ActionListener;
import java.io.File;
import java.io.FileNotFoundException;
import java.util.*;
import java.awt.Graphics2D;
import java.awt.Rectangle; 
import javax.swing.JComponent;
import javax.swing.border.EmptyBorder;


class Start extends JFrame implements ActionListener {

private JButton open;
private JLabel label1;
private JLabel label2;

ArrayList<Integer> list = new ArrayList<>();
Map<Integer, Integer> counts = new HashMap<>();


public int counter() {
    return list.size();
}

public Start() {
    setSize(500, 300);
    setTitle("First window");

    open = new JButton("OPEN");
    open.setSize(100, 30); …

我需要创建一个如下所示的图表，一系列堆叠的条形图。有些值为正值，有些值为负值。我希望图表的显示方式就像 Excel 中的堆叠条形图一样，它将正值向上堆叠，将负值向下堆叠。有没有一种简单的方法可以对 N 个类别执行此操作？

这是一些示例数据：

df = pd.DataFrame(index=['06-11-2018', '06-12-2018', '06-13-2018', '06-14-2018', '06-15-2018'], 
                  data={'A': [-378, -2347, 509, 987, 513], 
                        'B': [-527, -2599, 765, 533, 670], 
                        'C': [-2343, -2273, 2093, 2197, 1990], 
                        'D': [-1845, -1853, 3325, 1306, 2160]})

我正在使用 C# 构建 winform 点图，其中数据来自数据表。我创建了这样的点：

chart1.Series.Add("series1");
chart1.Series["series1"].ChartType = SeriesChartType.Point;
chart1.Series["series1"].YValueMembers = "VALUE";
chart1.Series["series1"].XValueMember = "DATE";
chart1.DataSource = dt;

我希望能够根据数据表 dt 中称为产品的第三列使用不同的颜色/符号来制作图表上的点的图例。我已经尝试了很多方法来完成此任务，但没有任何效果。我怎样才能做到这一点？

我正在使用 D3 在 React 中制作折线图，并且当将鼠标悬停在包含当前数据点的数据的图表内时，我尝试显示工具提示。图表渲染正确，但是当我将鼠标悬停在其中时，我收到错误node.getBoundingClientRect is not a function。

我正在关注这个示例，它没有使用 React，那么它是否与 React 处理事物的方式有关？

这就是我的组件的样子：

class LineChart extends Component {

    wrapper = React.createRef();

  componentDidMount() {
    const {data} = this.props

    let svg = d3.select("body svg.mySvg"),
      margin = {top: 20, right: 20, bottom: 30, left: 40},
      width = +svg.attr("width") - margin.left - margin.right,
      height = +svg.attr("height") - margin.top - margin.bottom;

    const parseTime = d3.timeParse("%Y")
    const bisectDate = d3.bisector(function(d) { return d.year; }).left;

    const x = d3.scaleTime().range([0, width]);
    const y …

我在添加文本以将饼图居中时遇到问题，我正在为我的 React 项目使用 novio.rocks。感谢演示https://nivo.rocks/pie

我只想展示最后一点。有人可以帮忙吗？

预期的

实际的

我有以下数据框：

 df <- structure(list(Source = structure(c(1L, 1L, 2L, 2L, 1L, 1L, 2L,2L, 1L, 1L, 2L, 2L), .Label = c("Nutrition", "Supplements"), class = "factor"),Gender = c("Female", "Male", "Female", "Male", "Female","Male", "Female", "Male", "Female", "Male", "Female", "Male"), vitamins = c("Carbohydrates", "Carbohydrates", "Carbohydrates","Carbohydrates", "Free sugars", "Free sugars", "Free sugars","Free sugars", "Dietary fibre", "Dietary fibre", "Dietary fibre","Dietary fibre"), percentage = c(103.257255625661, 103.435668737283,12.1783865511905, 10.3397081952058, 26.9383952366656, 14.6831075438958,66.1535947328921, 62.5632737468906, 161.653065420191, 205.648132846479,50.7043993619127, 48.5061463560061)), row.names = c(NA, -12L), class = c("tbl_df", "tbl", "data.frame")) 

我想创建这个没有小面的图表，只有填充、颜色和线型。我花了两个小时想弄清楚，但我不知道该怎么做。

顺序非常重要。第一个应该是比例最高的一组“维生素”。有没有办法减少组内条形图之间的差距？有没有办法将性别添加为第二个图例，其中男性类别将带有条纹？

非常感谢您的帮助。

我试图在选项卡（角度材料）内显示图表 js 折线图，但图表未显示，它显示为空。

这是我的代码：

HTML：

 <mat-tab-group animationDuration="0ms">
   <mat-tab label="First">
     <div class="chart-container" style="height:50vh;">
          <canvas id="demo"></canvas>
     </div>
   </mat-tab>
   <mat-tab label="Second">Content 2</mat-tab>
   <mat-tab label="Third">Content 3</mat-tab>
 </mat-tab-group>

js 文件：

  var chartColors = {
    test_1: '#fba66c',
    test_2: '#86b9ce',
    test_3: '#4274fd'
  };

  var canvas : any = document.getElementById("demo");
  var ctx = canvas.getContext("2d");

  var test_1_data = [1, 0, 3, 0, 5, 6, 8];
  var test_2_data = [5, 1, 8, 0, 3, 6, 5];
  var test_3_data = [9, 8, 3, 4, 5, 6, 2];
  var lineChartData = { …

想要将 JavaFX 图表的 x 轴刻度标签设置text-alingment为。center

我有一个带有日期的 JavaFX NumberAxis X 轴，使用多行文本作为刻度标签。使用 . 将刻度标签设置为“dd/MMM\YYYY”或“HH:mm\ndd/MMM” AxisX.setTickLabelFormatter(getTimeAxisString())。用户函数 getTimeAxisString() 提供刻度标签的格式化字符串。默认情况下，这会导致文本左对齐，如下图所示： 轴刻度标签

是否有 JavaFx 方法可以更改此处的文本排列？我可以为刻度标签分配 CSS 类吗？

我正在使用plotly 制作 OHLC 图。我偶然发现了一个问题。x 轴上的标签看起来非常混乱。有没有办法让它更整洁。或者我们可以只显示极端日期值吗？例如，仅显示第一个日期值和最后一个日期值。日期范围本质上是动态的。我正在使用下面的查询来制作图表。谢谢您的帮助。

fig = go.Figure(data=go.Candlestick(x=tickerDf.index.date,
                    open=tickerDf.Open,
                    high=tickerDf.High,
                    low=tickerDf.Low,
                    close=tickerDf.Close) )

    fig.update_xaxes(showticklabels=True )    #Disable xticks 
    fig.update_layout(width=800,height=600,xaxis=dict(type = "category") ) # hide dates with no values
    
    st.plotly_chart(fig)

这里的tickerDf是包含股票相关数据的数据框。