标签: charts

我正在研究传入数据的实时可视化.我使用D3进行可视化,并基于此示例开始:http://bl.ocks.org/mbostock/3883195

这是我目前正在处理的版本:

  var margin = {top: 20, right: 20, bottom: 30, left: 50},
  width = 500 - margin.left - margin.right,
  height = 300 - margin.top - margin.bottom;

  var x = d3.time.scale().range([0, width]);
  var y = d3.scale.linear().range([height, 0]);

  var xAxis = d3.svg.axis().scale(x).orient("bottom");
  var yAxis = d3.svg.axis().scale(y).orient("left");

  var area = d3.svg.area()
      .x(function(d) { return x(d.x); })
      .y0(height)
      .y1(function(d) { return y(d.y); });

  var svg = d3.select("div#chart").append("svg")
      .attr("width", width + margin.left + margin.right)
      .attr("height", height + margin.top + margin.bottom)
    .append("g") …

我查看了Chart.js文档并且没有找到关于数字格式的任何内容,即数字格式为"#,###.00"的1,000.02

我也做了一些基本测试,似乎图表不接受非数字文本的值

有没有人找到一种方法来获取格式化为千位分隔符和固定小数位数的值？我想将图表中的轴值和值格式化.

我使用Angular-Chart.js(AngularJS Chart.js版本)来创建条形图.图表正在使用除颜色之外的选项.

即使我设置它们,它在文档中指出,它们仍然是灰色的.

<div class="graph-display" ng-controller="chartController">
    <canvas class="chart chart-bar"
    data="bilans.data"
    labels="bilans.labels"
    series="bilans.series"
    options="{
        scaleShowHorizontalLines: true,
        scaleShowVerticalLines: false,
        tooltipTemplate: '<%= value %> $',
        responsive: true
    }"
    colours="{
    fillColor: 'rgba(47, 132, 71, 0.8)',
    strokeColor: 'rgba(47, 132, 71, 0.8)',
    highlightFill: 'rgba(47, 132, 71, 0.8)',
    highlightStroke: 'rgba(47, 132, 71, 0.8)'
    }"
    ></canvas>
</div>

实际上,选项是有效的,但颜色不是.难道我做错了什么？

我们正在使用C#.NET.

我们正在寻找一种方法来显示实时流式1分钟金融股票图表.

需要: - 烛台 - 缩放/平移 - 图表在接收流数据时实时滚动

Woud like: - 在图表上打印元数据的方法(买/卖点等)

我们不介意付钱,所以任何建议都要付出代价!

Qt有没有开源或免费的图表库？我只需要XY图表,而不是条形图或其他任何东西.

使用Google Charts条形图,是否可以更改一个条形图的颜色.例如,我想将2006年的数据设为红色(其他条形图为蓝色).

 function drawVisualization() {
            // Create and populate the data table.
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Year');
            data.addColumn('number', 'Sales');

            data.addRows(4);
            data.setValue(0, 0, '2004');
            data.setValue(0, 1, 1000);

            data.setValue(1, 0, '2005');
            data.setValue(1, 1, 1170);

  /* NEED TO MAKE THIS BAR RED? */
            data.setValue(2, 0, '2006');
            data.setValue(2, 1, 1400);

            data.setValue(3, 0, '2007');
            data.setValue(3, 1, 1030);


            chart = new google.visualization.BarChart(document.getElementById('visualization'));
            chart.draw(data, {width: 400, height: 240, title: 'Company Performance',
                              vAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
                             });
}

我需要能够在JavaScript中绘制如下图形:

我知道拉斐尔图书馆,但它只是绘制任意形状.

我有一些预定义的节点类型(图像上的彩色节点)和每个节点附近/内部的文本.这个库似乎没有处理这种情况.我如何在JavaScript中执行此操作？如果这已由另一个库完成,我该如何使用该库来解决此问题？

任何人都知道如何使用谷歌图表API使x轴标签垂直？

我需要在一个小图表中放入很多标签.

谢谢

在ASP.NET柱形图中,当图表大小较小时,某些轴标签不会显示.

问题:即使必须重叠,如何强制显示所有标签？

是否可以在Google Chart PieChart切片中显示值而不是百分比？

谢谢,