// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
var myData = {
'Mushrooms': 3,
'Onions': 1,
'Olives': 1,
'Zucchini': 1,
'Pepperoni': 2
}; …Run Code Online (Sandbox Code Playgroud)我已经搜索了很多,以找到一个使用MySQL表数据作为数据源生成Google Chart的好例子.我搜索了几天,并意识到使用PHP和MySQL的组合生成Google Chart(饼图,条形图,列,表)的示例很少.我终于设法让一个例子起作用了.
我之前收到过StackOverflow的很多帮助,所以这次我会回复一些.
我有两个例子; 一个使用Ajax而另一个不使用.今天,我只展示非Ajax示例.
用法:
Requirements: PHP, Apache and MySQL
Installation:
--- Create a database by using phpMyAdmin and name it "chart"
--- Create a table by using phpMyAdmin and name it "googlechart" and make
sure table has only two columns as I have used two columns. However,
you can use more than 2 columns if you like but you have to change the
code a little bit for that
--- Specify column names as follows: "weekly_task" and … 为什么没有更多的开源易于使用Java的图表库?这个领域唯一成功的开源项目似乎是jfreechart,它甚至没有任何文档或示例可用.
那里有一个很好的命令行UNIX图表/图形/绘图工具吗?我正在寻找能在ASCII图上绘制xy点的东西.
只是为了澄清,我正在寻找能够输出ASCII图形的东西(如ascii-art样式),所以我可以在交互式shell会话中使用它而不需要X.
我需要在我正在处理的iPhone应用程序中渲染和显示图表(现在是条形图,但稍后可能需要更多类型).我已经做了一些环顾四周,看起来没有任何真正好的,成熟的iPhone图表库.我也在寻找可以在Mac上为Cocoa编写的东西,但是还没有找到任何好的东西.
以前有人处理过吗?有什么建议?
我确实找到了Core Plot,但似乎还处于开发的早期阶段.
编辑以添加要求的一些细节(因为它们目前的立场;))
我使用chartjs创建了一个基本条形图,它工作正常.现在我想基于时间间隔更新值.我的问题是,在创建图表后,我不知道如何正确更新其值...
我的代码:
var ctx = $("#myChart").get(0).getContext("2d");
var dts = [
{
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,1)",
data: [0, 0, 0, 0, 0]
}
];
var data = {
labels: ["Core#1", "Core#2", "Core#3", "Core#4", "Total"],
datasets: dts
};
var chart = new Chart(ctx);
chart.Bar(data);
//test code
setInterval( function () {
data.datasets[0].data = [random(), random(), random(), random(), random()];
chart.Bar(data);
},2000);
Run Code Online (Sandbox Code Playgroud)
在测试代码中,我正在更新值datasets[0].data- 这是正确的方法吗?这个问题是,每次调用时chart.Bar(),值都会重置为0然后设置为随机值(就像我正在重新创建图表一样).这样,所有动画总是从0到值,看起来很奇怪.我希望如果我将值从50更新为10,则条形图将从50下降到10并且不会设置为0然后动画为10.
我没有在文档中找到任何关于此的内容......我做错了什么或者这个库是不可能的?
我的SSRS报告未显示横轴上的所有标签.请看下面.
注意红色箭头如何指向显示的少数箭头.所以我的问题是,其他标签在哪里?每个酒吧应该有一个.
对于图表,我正在为条形图添加数字数据,为类别组添加另一个字段.类别组中的该字段用于标签.
有谁知道为什么有些人失踪?
另外,第二个但不太重要的问题是,为什么条形的顺序与数据集的顺序不一样?
我正在开发一个项目,其中包含一些图表(图表),勾选图表,烛台图表和范围图表.但问题是,图表没有库.我有烛台图表的谷歌图表API.但我不想在webview中使用图表/图表.