标签: charts

我也一直在研究能够与Angular.JS指令很好地融合的图表解决方案.我遇到了一些但真的很困惑.有没有人对如何创建与Angular.JS模块集成的交互式图表有任何建议？

所述FLOT图表API支持双v轴标度,如由本实施例中.

我正在使用谷歌图表 - 谷歌也可以这样做吗？我已经查看了示例和文档,但找不到任何示例/引用来表明它支持双轴图表.

如何重新排序用于在Excel中创建图表的系列？

例如,我转到图表,右键单击>选择数据.在左栏中,我看到系列1,系列2,...,系列n.说,我想在系列4之后移动系列3,可以从图表视图中完成吗？我不想移动工作表中的数据单元格.

我正在使用Excel 2011(mac os x).

我正在使用令人敬畏的插件Chart.js,我正试图在每个百分比内找到显示标签的方式.所以我用Google搜索了,我发现了这个问题:https://github.com/nnnick/Chart.js/pull/35

我做了一个简单的小提琴测试它,但不起作用:http://jsfiddle.net/marianico2/7ktug/1/

这是内容:

HTML

<canvas id="canvas" height="450" width="450"></canvas>

JS

$(document).ready(function () {
    var pieData = [{
        value: 30,
        color: "#F38630",
        label: 'HELLO',
        labelColor: 'black',
        labelFontSize: '16'
    }, {
        value: 50,
        color: "#E0E4CC"
    }, {
        value: 100,
        color: "#69D2E7"
    }];

    var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Pie(pieData, {
        labelAlign: 'center'
    });
});

我担心文档中没有关于此的信息.

此外,我想知道如何为每个部分显示标签,但在图表之外.由一条线连接.和highcharts.js的图表一样.

顺便说一句,如果你推荐我一个html5图表替代品,包括我上面提到的选项,我会很高兴.我听说过flot插件,但我担心不支持动画......

如果您需要更多信息,请告诉我,我会编辑帖子.

任何人在使用新的免费图表时都会收到此错误控制从Dundas购买的MS？

"执行ChartImg.axd的子请求时出错"

在MSDN论坛上,他们建议这是我的web.config: MSDN论坛帖子

到目前为止,还没有解决问题.还有其他想法吗？

任何人都可以建议用于开发Chart应用程序的漂亮的跨浏览器jQuery API 插件

除了filamentgroup.com之外.

API应该是可定制的.我想将它集成到ASP.NET中.(当然ASP.NET 3.5带有内置的Chart控件,我想要一些不错的jQuery插件).

使用matplotlib绘制点图时,我想偏移重叠的数据点以使它们全部可见.例如,如果我有

CategoryA: 0,0,3,0,5  
CategoryB: 5,10,5,5,10  

我希望每个CategoryA"0"数据点并排设置,而不是彼此重叠,同时仍然保持不同CategoryB.

在R(ggplot2)中有一个"jitter"选项可以做到这一点.在matplotlib中是否有类似的选项,还是有另一种方法可以导致类似的结果？

编辑:为了澄清, R中的"beeswarm"情节基本上是我的想法,并且pybeeswarm是matplotlib/Python版本的早期但有用的开始.

编辑:添加版本0.7中引入的Seaborn的 Swarmplot,是我想要的一个很好的实现.

我正在尝试用Charts.js创建一个图形(当前的一个只是一个非常简单的例子,我正在努力工作,有点取自Chart.js文档)并且图形没有按比例缩放到帆布我在给它.这是所有相关的代码.

要导入它:

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.bundle.min.js"></script>

然后,我将它连接到一个javascript文件,如下所示:

<script type="text/javascript" src="js/stats_tab.js"></script>

我的画布设置了:

        <div id="graph_2015" class ="stats_box">
            <h4>Graph 2015</h4>
            Text
            <canvas id="myChart" width="200" height="200"></canvas>
        </div>

最后在stats_tab.js中,我有以下代码:

window.onload=function(){
    var ctx = document.getElementById("myChart").getContext("2d");
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: [1,2,3,4,5,6,7,8,9,10],
            datasets: [
                {
                    label: "My First dataset",
                    data: [1,2,3,2,1,2,3,4,5,4]
                }
            ]
        },
        options: {
        }
    });
}

图表很好地显示,但它拒绝缩放到我给它的画布的大小.也没有任何与所涉及的div相关的CSS.chrome上的inspect功能让我知道最终图表是676乘676而不是我指定的200乘200.不确定发生了什么.

谢谢!

我是Angular和Flot的新手,但我对Jquery和Javascript很有经验.我对如何将Flot图表绑定到Angular数据模型感到困惑,因为Flot是一个JQuery插件.我四处寻找,但一直没能找到一个例子.

我也很乐意使用highcharts,谷歌图表或任何其他图表解决方案.

我正在尝试使用NG2-Charts的基本示例(http://valor-software.com/ng2-charts/)

我复制粘贴HTML部分

  <div style="display: block">
    <canvas baseChart
        [datasets]="barChartData"
        [labels]="barChartLabels"
        [options]="barChartOptions"
        [legend]="barChartLegend"
        [chartType]="barChartType"
        (chartHover)="chartHovered($event)"
        (chartClick)="chartClicked($event)"></canvas>
  </div>

和TypeScript部分

  private barChartOptions: any = {
    scaleShowVerticalLines: false,
    responsive: true
  };
  private barChartLabels: string[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
  private barChartType: string = 'bar';
  private barChartLegend: boolean = true;

  private barChartData: any[] = [
    { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' },
    { data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B' } …