标签: charts

我想在单击按钮时使用“保存文件”对话框将图表另存为图像。我的应用程序类型是 c# Windows 窗体应用程序。这样用户就可以将图像文件保存在他/她希望的任何目录中。

我正在尝试在 Laravel 5 上实现 LavaCharts，但不知道如何渲染它。尝试遵循文档，但它对我来说不起作用。

虽然不确定如何在视图中显示它。按照这个但不起作用http://lavacharts.com/#example-donut。我错过了什么吗？如何在视图中调用这个函数？

这是我的控制器

public function getPie () {
    $reasons = Lava::DataTable();
    $reasons->addStringColumn('Reasons')
    ->addNumberColumn('Percent')
    ->addRow(array('Check Reviews', 5))
    ->addRow(array('Watch Trailers', 2))
    ->addRow(array('See Actors Other Work', 4))
    ->addRow(array('Settle Argument', 89));

    $donutchart = Lava::DonutChart('IMDB')
               ->setOptions(array(
                 'datatable' => $reasons,
                 'title' => 'Reasons I visit IMDB'
               ));
    return $donutchart;
}

这是我的观点

<div id="chart-div"></div>
@donutchart('IMDB', 'chart-div')

我正在寻找类似下面的东西

有什么办法可以实现这一点吗？

我正在寻找使用 matplotlib 将烛台的灯芯部分变成黑色？我在文档中找不到任何提及它的内容，但我已经看到图片示例表明它可以完成。

这是我目前拥有的：

这是灯芯被涂成黑色的示例：

更新：

我使用了下面提供的解决方案，但稍微更改了代码以删除烛台主体区域上的垂直线：

from matplotlib.lines import Line2D
from matplotlib.patches import Rectangle


def blackwickcandlestick(ax, quotes, width=0.2, colorup='#00FF00', colordown='#FF0000',
                         alpha=1.0, shadowCol='k', ochl=True):

    OFFSET = width / 2.0

    lines = []
    patches = []
    for q in quotes:
        if ochl:
            t, open, close, high, low = q[:5]
        else:
            t, open, high, low, close = q[:5]

        if close >= open:
            color = colorup
            lower = open
            height = close - open
            vline = Line2D(
                xdata=(t, t), ydata=(low, high),
                color=colorup,      # …

我一直在使用 iOS Charts来创建条形图。这是我到目前为止所拥有的：

。

我很难实现三件事：

• 将 x 轴标签从 (0-7) 更改为星期一、星期二、星期三等。
• 去掉条形上方的标签（1.0、10.0、20 等）
• 如何消除最底部的条形和轴之间的空间

对于其中任何一项的帮助将不胜感激

我使用 d3.js 制作热图。我的数据是一个对象，我从中取出了最大和最小年份。当我d3.timeScale()用来初始化我的 x 轴时，我在 x 的相同位置渲染了我所有年的错误（这是由于控制台上的以下错误）

d3.min.js:2 Error: <path> attribute d: Expected number, "MNaN,6V0.5HNaNV6". (anonymous) @ d3.min.js:2 13d3.min.js:2 Error: <g> attribute transform: Expected number, "translate(NaN,0)".

此处显示了一些涉及制作时间刻度和轴的代码

const MIN_DATE = new Date(MIN_YEAR, 0),
    MAX_DATE = new Date(MAX_YEAR, 0);

var x = d3.scaleTime()
    .domain([MIN_DATE, MAX_DATE])
    .range(0, WIDTH);

 var svg = d3.select('.chart')
    .attr('width', WIDTH + margins.left + margins.right)
    .attr('height', HEIGHT + margins.top + margins.bottom);

var g = svg.append('g')
    .attr('transform', 'translate(' + margins.left + ',' + margins.top + ')');

g.append('g')
    .attr('class', …

我正在尝试动态更改图例的颜色，因此我的 css 类中没有任何线条和符号的样式。我可以动态更改图表中的所有线条和符号，但遗憾的是无法更改图例。他们保持默认状态。有没有办法动态地做到这一点？

所以，我尝试过：

1）

for (int index = 0; index < series.getData().size(); index++) {
    XYChart.Data dataPoint = series.getData().get(index);
    Node lineSymbol = dataPoint.getNode().lookup(".chart-legend");
    lineSymbol.setStyle("-fx-background-color: #00ff00, #000000; -fx-background-insets: 0, 2;\n" +
            "    -fx-background-radius: 3px;\n" +
            "    -fx-padding: 3px;");
}

根据 caspian.css 和下面的链接问题，这应该可以工作，但它给了我NullPointerException因为无法找到 .chart-legend 即使它在那里。

2）

for (Node n : lineChart.getChildrenUnmodifiable())
{
    if (n instanceof Legend)
    {
        final Legend legend = (Legend) n;

        // remove the legend
        legend.getChildrenUnmodifiable().addListener(new ListChangeListener<Object>()
        {
            @Override
            public void onChanged(Change<?> arg0)
            {
                for (Node node : …

我认为我的问题很容易解决，但我就是找不到解决方案。

我想使用此数据使用 Matplotlib/Pandas 制作水平堆积条形图。csv 文件包含调查问卷的答案。“Q4”包含 1-7 的值。6 和 7 应该是缺失值。

missing = {"Q4":[6,7]}
df = pd.read_csv("my_file.csv", sep=";", na_values=missing)

我想通过使用这样的东西来绘制“Q4”的值计数。

df["Q4"].value_counts()

输出是这样的：

1.0    2906
2.0    1508
3.0     738
4.0     206
5.0     154

我的图应该由一个水平列组成，将值 1-5 的值计数显示为堆叠条。

我正在尝试在使用 highcharts ( https://api.highcharts.com/highcharts/ ) 的react js 中构建饼图，它只接受以下格式的饼图数据（或者我可能错了）： Sample Fiddle here : https://jsfiddle.net/react_user1/e9cbsrdL/1/

data: [
      {name: 'abc', y: 10},
      {name: 'def', y: 90}
]

我从 API 获得的数据如下所示：

const counts:[
{
"id": "all",
"type": "all",
"count": 1403
},
{
"id": "bad",
"type": "bad",
"count": 0
},
{
"id": "failed",
"category": false,
"type": "failed",
"count": 58
},
{
"id": "changed",
"category": true,
"type": "changed",
"count": 123
}

所以我试图在这里实现三件事：

1. Remove the first {}, with the "id": "all"
2. Rename the key: "id" …

react-apexchart包中工具栏上的图标可以更改吗？

例如在这里我想自定义顶点图表工具栏菜单上的缩放和重置图标