标签: charts

合理优化的图表缩放

我需要制作一个具有优化的y轴最大值的图表.

我制作图表的当前方法只是使用所有图形的最大值,然后将其除以10,并将其用作网格线.我没有写.

更新注意:这些图表已更改.一旦我修复了代码,我的动态图就开始工作,使这个问题变得荒谬(因为这些例子不再有任何错误).我用静态图像更新了这些,但是一些答案引用了不同的值.记在脑子里. alt text http://i42.tinypic.com/nwzr5s.jpg 2月到目前为止,有12003到14003个入站电话.信息性,但丑陋.

我想避免看起来像猴子的图表想出y轴数字.

使用谷歌图表API有点帮助,但它仍然不是我想要的. 替代文字 数字很​​干净,但y值的顶部始终与图表上的最大值相同.此图表从0到1357进行缩放.我需要计算1400的正确值,这是有问题的.


我在这里抛出了rbobby对"好"数字的暗示,因为它解释得很好.

  • "漂亮"数字是具有3个或更少非零数字的数字(例如1230000)
  • 一个"漂亮"的数字与零数字相同或几个非零数字(例如1230不好,1200很好)
  • 最好的数字是3个零的倍数(例如"1,000","1,000,000")
  • 第二个最好的数字是多个3个零加2个零的数据(例如"1,500,000","1,200")

alt text http://i43.tinypic.com/21jc0no.png 我找到了使用Mark Ransom想法的修改版本获得我想要的结果的方法.

当得到刻度数时,Mark Ransom的代码确定了刻度之间的最佳间距.有时这个数字最终会超过图表中最高值的两倍,具体取决于您想要的网格线数量.

我正在做的是我用5,6,7,8,9和10个网格线(刻度线)运行Mark的代码,以找出哪些是最低的.值为23时,图表的高度为25,网格线为5,10,15,20和25.值为26时,图表的高度为30,网格线为5,10 ,15,20,25和30.网格线之间的间距相同,但它们中的更多.

所以这里只是简单地复制Excel所做的一些步骤,以使图表更加流行.

  1. 暂时将图表的最高值提高约5%(这样图表的最高点和图表区域的顶部之间总会有一些空间.我们希望99.9向上舍入到120)
  2. 找到5,6,7,8,9和10个网格线的最佳网格线位置.
  3. 找出这些数字中最低的.记住获取该值所需的网格线数.
  4. 现在您拥有最佳的图表高度.线条/条形图永远不会与图表顶部相对应,并且您具有最佳的刻度数.

PHP:

function roundUp($maxValue){
    $optiMax = $maxValue * 2;
    for ($i = 5; $i <= 10; $i++){
        $tmpMaxValue = bestTick($maxValue,$i);
        if (($optiMax > $tmpMaxValue) and ($tmpMaxValue > ($maxValue + $maxValue * 0.05))){
            $optiMax = $tmpMaxValue;
            $optiTicks = $i;
        }
    }
    return $optiMax; …
Run Code Online (Sandbox Code Playgroud)

algorithm math charts

32
推荐指数
1
解决办法
8315
查看次数

如何从php中的mysql数据库生成图形和图表

如何使用php从mysql数据库生成图形和图表?

我正在尝试使用"图表导演",但我甚至无法正确安装它,因为我使用的是php 5.3版,而且它使用的是不推荐使用的功能dl.

你知道任何替代方案:

  • 完全支持php 5.3
  • 对初学者来说很容易使用
  • 可以访问mysql数据库并绘制其数据图表

php mysql charts graph

32
推荐指数
3
解决办法
20万
查看次数

在Django中显示图形/图表

我正在Django制作一个包含大量图形和图表的报表应用程序.

是否有一个简单的图形库/模块,允许我实现此工作流程:

  1. 执行我的SQL查询
  2. 将返回的数据解析到图形库/模块
  3. 图形库/模块将数据处理成图表/图表,我可以轻松地将其输出到Django模板.

我花了最近几天玩Matplotlib和Django.似乎只有几种方法可以让Django中的图形呈现.

  1. 使用2个视图,一个用于渲染PNG,另一个用于输出HTML,img src指向第一个视图.链接
  2. 数据URI
  3. 将图像写入文件,然后使用视图调用它

无论如何我能更轻松地做到这一点吗?

谢谢

python django charts

32
推荐指数
3
解决办法
5万
查看次数

jQPlot - 删除垂直网格线

我使用jqPlot作为我的图表框架,并在我的应用程序中有许多图表,主要是线条和堆积条形图.

我现在要求只显示这些图表上的水平网格线,并且在jqPlot中没有看到任何选项来执行此操作.

有一个showGridline选项,但完全禁用网格线.

是否可以仅删除jqPlot中的垂直网格线并继续显示水平网格线?

javascript jquery charts jqplot

32
推荐指数
2
解决办法
1万
查看次数

SVG与HTML5基于画布的图表

我必须使用python后端在浏览器上绘制图表(这可能无关紧要).为实现这一目标,有许多图书馆,如JQPlot,D3,Google Charts.

但是如果你对它们进行分类,它们要么基于HTML5 Canvas,要么基于SVG.两者都是他们自己领域的重要技术.但

for charting as a subject, shall I go with SVG based libraries or 
HTML5 Canvas based libraries. What are downside and benefits of 
both approaches. 
Run Code Online (Sandbox Code Playgroud)

我没有任何绘图经验,也不想在我启动项目后碰壁.

charts svg google-visualization jqplot html5-canvas

32
推荐指数
1
解决办法
9832
查看次数

Google Visualization的注释时间轴的替代方案?(图形库)

Google的Annotated Timeline Visualization API 有替代品吗?

在此输入图像描述

注释时间轴中存在一些错误,并且似乎不会解决它们.

它也是基于Flash的图表.Canvas + Javascript实现更具可移植性.


使注释时间轴有价值的品质(与我迄今为止发现的所有其他图表库相对)是:

  • 支持多行
  • 缩放; 钻进和退出日期范围
  • 随着时间的推移来回摇摆
  • 支持数千个数据点
  • 能够即时提供新数据

据我所知,Google的Annotated Timeline是唯一的交互式折线图库.

charts data-visualization google-visualization annotatedtimeline

31
推荐指数
2
解决办法
2万
查看次数

如何创建显示多个事件的时间表图表?例如.Metallica乐队成员在维基上的时间表

如何创建显示多个事件的时间表图表?例如.Metallica Band成员在wiki上的时间表?它显示了多个乐队成员及其持续时间.

要使用的技术:主要是Microsoft Office.任何奇特的技术,学习曲线不是太多,做这个东西,也应该没问题?

在此输入图像描述

excel charts timeline

31
推荐指数
1
解决办法
14万
查看次数

为热图创建颜色的算法是什么?

假设值从0到1归一化,获得颜色以创建这样的热图的算法是什么?

1为红色,.5为绿色,0为深蓝色.

在RMagick/ImageMagick工作.

热图

charts visualization graph colors heatmap

31
推荐指数
3
解决办法
4万
查看次数

Chart.js在饼图上显示标签

我最近将我的charts.js库更新到最新版本(2.5.0).此版本不显示图表上的标签.

我有一个在提琴手上工作的例子:http://jsfiddle.net/g6fajwg8.

但是,我在示例中完全定义了我的图表,但仍然看不到图表上的标签.

注意:在Google和Stackoverflow上有很多这样的问题,但大多数问题都与之前的版本有关.

var config = {
    type: 'pie',
    data: {
        datasets: [{
            data: [
              1200,
              1112,
              533,
              202,
              105,
            ],
            backgroundColor: [
              "#F7464A",
              "#46BFBD",
              "#FDB45C",
              "#949FB1",
              "#4D5360",
            ],
            label: 'Dataset 1'
        }],
        labels: [
          "Red",
          "Green",
          "Yellow",
          "Grey",
          "Dark Grey"
        ]
    },
    options: {
        responsive: true,
        legend: {
            position: 'top',
        },
        title: {
            display: true,
            text: 'Chart.js Doughnut Chart'
        },
        animation: {
            animateScale: true,
            animateRotate: true
        }
    }
};

window.pPercentage = new Chart(ChartContext, config);
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

javascript jquery charts chart.js

31
推荐指数
2
解决办法
6万
查看次数

谷歌图表背景颜色

我正在使用javascript api设计谷歌图表.我想更改绘制数据的区域的背景.出于某种原因,当我设置背景选项时:

chart.draw(data, { backgroundColor: { fill: "#F4F4F4" } })
Run Code Online (Sandbox Code Playgroud)

它会更改整个图表的背景,而不会更改绘制数据的区域.关于如何仅改变绘图区域背景的任何想法?谢谢

charts google-visualization

30
推荐指数
5
解决办法
7万
查看次数