标签: charts

我已从高级图表下载饼图下载,但我有一些问题,我想删除饼图中列出的文字,任何人都可以帮助我,让我知道这是怎么回事

var colors = Highcharts.getOptions().colors,
    categories = ['MSIE', 'Firefox', 'Chrome', 'Safari', 'Opera'],
    data = [{
        //y: 56.33,
        color: colors[0],
        drilldown: {
            name: 'MSIE versions',
            categories: ['General Public (Local)'],
            data: [<?php echo $company_details[0]['individual']; ?>],
            color: colors[0]
        }
    }, {
        //y: 10.38,
        color: colors[1],
        drilldown: {
            name: 'Firefox versions',
            categories: ['Foreign (Ind. & Inst.)'],
            data: [<?php echo $company_details[0]['foreign']; ?>],
            color: colors[1]
        }
    }, {
        //y: 24.03,
        color: colors[2],
        drilldown: {
            name: 'Chrome versions',
            categories: ['Institutional'],
            data: [<?php echo $company_details[0]['institutions']; ?>],
            color: colors[2] …

我正在刷新下拉列表中的条形图。我只是想知道我是否以正确的方式进行操作。每当我用代码替换现有画布时，都用新画布替换。有没有更好的方法来实现同一目标？

我的JS代码：

var chart_= function () {

    $('#canvas_id').replaceWith('<canvas id="canvas_id" style="height:280px"></canvas>');
    $.ajax({
        type: 'POST', //post method
        url: 'url', //ajaxformexample url
        dataType: "json",
        success: function (result, textStatus, jqXHR)
        {
            // GENERATE CHART DATA
            var labels = result.obj.map(function (e) {
                return e.label;
            });
            var data = result.obj.map(function (e) {
                return e.data;
            });
            new Chart($("#canvas_id"), {
                type: 'bar',
                options: options_object,
                data: {
                    labels: labels,
                    datasets: [
                        {
                            label: "",
                            backgroundColor: '#00c0ef',
                            data: data
                        }
                    ]
                }

            });

        }
    });
};

我想使用EChart.JS（https://ecomfe.github.io/echarts-doc/public/en/index.html）在水平线，条形图和饼形图中绘制一条显示阈值极限的水平目标线。

还有其他线程-“ Chart.js-绘制水平线”，详细介绍了如何使用Chart.JS。有没有人对EChart有特别的经验？

提前致谢。

我有一个用于饼图的数据表,我需要根据行中的值设置切片的颜色.例如,我有一个按类型划分的汽车销售表(例如租赁,现金,财务),我想为每一个指定颜色.在文档中,似乎可以使用条形图执行此操作,但我似乎无法使用切片执行此操作.我尝试了以下方法:

var pieChart = new google.visualization.ChartWrapper({
    options : {
        ...
        slices: [{color: 'black'}, {color: 'green'}, {color: 'red'}]
    }
});

色彩呈现得到,但我想说明black的lease.关于如何让这个工作的任何想法？

目标：在Bokeh python中创建雷达图

为了帮助您，这是我关注的图表类型：

我从Matplotlib 获得了这个图表示例，这可能有助于缩小解决方案上的差距，但是我看不到如何实现。

以下是我使用散景可以找到的最接近雷达图的示例：

from collections import OrderedDict
from math import log, sqrt

import numpy as np
import pandas as pd
from six.moves import cStringIO as StringIO

from bokeh.plotting import figure, show, output_file

antibiotics = """
bacteria,                        penicillin, streptomycin, neomycin, gram
Mycobacterium tuberculosis,      800,        5,            2,        negative
Salmonella schottmuelleri,       10,         0.8,          0.09,     negative
Proteus vulgaris,                3,          0.1,          0.1,      negative
Klebsiella pneumoniae,           850,        1.2,          1,        negative
Brucella abortus,                1,          2,            0.02,     negative
Pseudomonas aeruginosa,          850,        2,            0.4, …

我正在尝试将燃烧图表中的更改请求所产生的"额外工作"可视化.我设法绘制了图表,但我喜欢使用显示增加的垂直线来拥有自己的颜色.像这样的东西:

我的数据是这样的:

   var actualRaw = [{
        date: new Date(2017, 1, 1),
        added: 0,
        done: 50
    }, {
        date: new Date(2017, 1, 15),
        added: 10,
        done: 40
    }]

我改造成这样的:

    var actual = [];

    actualRaw.map(line => {
        actual.push({
            date: line.date,
            points: line.done,
            class: 'la'
        });
        actual.push({
            date: line.date,
            points: line.done + line.added,
            class: 'ln'
        });

    })

然后尝试应用这样的格式:

    chart.append("path")
        .datum(actual)
        .attr("class", function(d, i) {
            return 'line ' + d[i].class;
        })
        .attr("d", actualLine);

但是,该函数只被调用一次.我错过了什么？

到目前为止,我的尝试完成

需要从工具提示中删除数据值（“ Varde 7：50”中的数字，我试图删除“ 50”）。尝试了很多方法，但还不能弄清楚。这是我目前拥有的代码。它包括从我需要的饼图中链接出来的方法。

1）需要从工具提示描述中删除数据值。因此，只是标签没有数据值。2）需要饼图的每个部分都链接到外部URL。

仅供参考-由于某些原因，该代码段可以在我的网站上正常运行，但不能在编辑器中运行？请参阅页面底部的工作版本：http : //soccer.virnative.com/soccer/player-development-model

请帮忙！原始代码来自： chart.js-单击图表中的特定部分时链接到其他页面

var canvasP = document.getElementById("pieChart");
var ctxP = canvasP.getContext('2d');
var myPieChart = new Chart(ctxP, {
   type: 'pie',
   data: {
      labels: ["Värde 1", "Värde 2", "Värde 3", "Värde 4", "Värde 5", "Värde 6", "Värde 7"],
      datasets: [{
         data: [1, 5, 10, 20, 50, 70, 50],
         backgroundColor: ["#64B5F6", "#FFD54F", "#2196F3", "#FFC107", "#1976D2", "#FFA000", "#0D47A1"],
         hoverBackgroundColor: ["#B2EBF2", "#FFCCBC", "#4DD0E1", "#FF8A65", "#00BCD4", "#FF5722", "#0097A7"]
      }]
   },
   options: {
      legend: {
         display: true,
         position: "right" …

我的Bokeh版本是0.12.13和Python 3.6.0，我修改了此处的示例代码：

https://docs.bokeh.org/en/latest/docs/user_guide/plotting.html

我刚刚尝试添加一个额外的y范围。

from bokeh.plotting import output_file, figure, show
from bokeh.models import LinearAxis, Range1d

x = [1,2,3,4,5]
y = [1,2,3,4,5]
y2 = [10,9,8,7,6]
y3 = [23,24,25,26,27]

output_file("twin_axis.html")

p = figure(x_range=(0,6), y_range=(0,6))

p.circle(x, y, color="red")

p.extra_y_ranges = {"foo1": Range1d(start=0, end=11)}
p.circle(x, y2, color="blue", y_range_name="foo1")
p.add_layout(LinearAxis(y_range_name="foo1"), 'left')

p.extra_y_ranges = {"foo2": Range1d(start=21, end=31)}
p.circle(x, y3, color="green", y_range_name="foo2")
p.add_layout(LinearAxis(y_range_name="foo2"), 'right')

p.toolbar_location ="above"
show(p)

虽然原始代码运行良好，但我修改后的代码却没有。我无法弄清楚自己在做什么错。我对bokeh有点陌生，所以请向正确的方向引导。编辑：当我添加第三个y轴时没有输出。但是它只能在左侧使用2个轴。

我正在尝试使用FSharp.Charting组合一些柱形图,但我卡住了.

每次我的递归函数执行某些操作时,它都会创建一个图表(ChartTypes.GenericChart).然后,我将这个新图表添加到列表(ChartTypes.GenericChart列表).实际上一切看起来都很不错.一旦函数离开递归操作,它就会创建图表.问题是我无法将列表中的所有图表组合在一起,所以会发生的事情是我最终得到了大量的列图,每个列表项都有一个.

我正在尝试这样的事情:

for x in chartList do
                Chart.Combine ([
                                x
                                |> Chart.WithXAxis (LabelStyle = ChartTypes.LabelStyle(Interval=1.0))
                                |> Chart.WithYAxis (Min=0.75)              
                                ]
                                )
                |> Chart.Show

正如我所说..输出是所有图形分离,而不仅仅是一个组合.有人有想法吗？

谢谢.

当我尝试在我的应用中实现广告连播图表时。它显示了以下错误。

import UIKit

import Charts

class chartViewController: UIViewController {

@IBOutlet weak var barChartView:BarChartView!
let months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
let unitsSold = [20.0, 4.0, 6.0, 3.0, 12.0, 16.0, 4.0, 18.0, 2.0, 4.0, 5.0, 4.0]

override func viewDidLoad() {
    super.viewDidLoad()
   setupChart(x: months, y: unitsSold)
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

func setupChart(x:[String],y:[Double]){
   var dataEntries: [BarChartDataEntry] = []

    for i in …