标签: charts
推荐指数
解决办法
查看次数
在 Morris.js 中是否可以更改一行中每个点的颜色？
我正在使用 Morris.js 绘制折线图。
是否可以在一行中更改每个点的颜色？
推荐指数
解决办法
查看次数
将 Chart JS 条形图边框更改为虚线
我正在使用 Chart JS 构建实时仪表板。我很好奇是否有办法将条形图的边框更改为虚线或虚线？我已经浏览了http://www.chartjs.org/docs/上的文档，但我只能找到关于线图的虚线的提及，例如 borderDash()。这似乎不适用于条形图边框。
我想要条形图上的虚线边框，例如在此图像的左侧条形图中： 在此处输入图像描述
生成上面的图（右侧）的虚拟代码：
<!doctype html>
<html>
<head>
<title>Combo Bar-Line Chart</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.2/Chart.bundle.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.2/Chart.bundle.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.2/Chart.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.2/Chart.min.js"></script>
<style>
canvas {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
</style>
</head>
<body>
<div style="width: 75%">
<canvas id="canvas"></canvas>
</div>
<button id="randomizeData">Randomize Data</button>
<script>
var randomScalingFactor = function() {
return (Math.random() > 0.5 ? 1.0 : -1.0) * Math.round(Math.random() * 100);
};
var randomColorFactor = function() {
return Math.round(Math.random() * …推荐指数
解决办法
查看次数
Xamarin.Forms：创建图表
再会。我只是使用简单 Xamarin.Forms（便携式）的新手。我正在创建一个简单的应用程序，我想在那里显示一个图表（条形图、折线图、饼图等）。谁能帮我创建一个？非常感谢。
推荐指数
解决办法
查看次数
在 LineChart 上显示图像而不是圆圈
我创建了一个LineChart使用库 MPAndroidChart 并且一切正常。
现在我想要做的是为图表上的每个条目显示一个可绘制的（图像）而不是默认的圆圈。
我从 API 中尝试了很多选项，但没有运气。
谁能告诉我我该怎么做？
推荐指数
解决办法
查看次数
Highcharts Line Chart，在线系列末尾显示系列名称
我们对折线图有如下要求。我们正在使用highcharts。我们的要求是图表应在行尾显示系列名称，如下图所示。
我们怎样才能做到这一点？
推荐指数
解决办法
查看次数
如何安装chart.js
我知道这是一个非常愚蠢的问题，但是如何安装chartjs以在项目中使用我查看了文档并且没有说是或如何安装它，我从GitHub下载了它，我正在使用xampp。谢谢
推荐指数
解决办法
查看次数
谷歌图表如何通过点击图例隐藏线条
使用以下谷歌图表，我将如何通过单击图例来隐藏一条线？它目前有两条线 Elec 和 Gas 我希望能够根据单击相应的图例来隐藏或显示每一行。我知道我必须向图表添加一个事件侦听器函数，但我有点不知道如何在这个特定的图表上做到这一点。我能找到的例子略有不同。
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Time', 'Electricity', 'Gas'],
[new Date('2017-05-01'), 12.903, 4.624],
[new Date('2017-05-02'), 15.82, 34.4],
[new Date('2017-05-03'), 9.087, 29.542],
[new Date('2017-05-04'), 11.094, 18.003],
[new Date('2017-05-05'), 10.709, 16.573],
[new Date('2017-05-06'), 10.547, 67.86],
[new Date('2017-05-07'), 22.491, 4.011],
[new Date('2017-05-08'), 14.245, 14.898],
[new Date('2017-05-09'), 0, 0],
[new Date('2017-05-10'), 0, 0],
[new Date('2017-05-11'), 0, 0],
[new Date('2017-05-12'), 0, 0],
[new Date('2017-05-13'), 0, 0],
[new Date('2017-05-14'), 0, 0],
[new Date('2017-05-15'), 0, 0],
[new Date('2017-05-16'), 0, 0], …推荐指数
解决办法
查看次数
带有多列数据的凹痕多行
如何制作具有多列数据的多折线图？
数据示例：
var data75 = [{"d":1,'a1':50,'a2':70},
{"d":2,'a1':90,'a2':71},
{"d":3,'a1':40,'a2':90},
{"d":4,'a1':15,'a2':70},
{"d":5,'a1':150,'a2':60},
{"d":6,'a1':53,'a2':20},
{"d":7,'a1':59,'a2':40},
{"d":8,'a1':30,'a2':50},
{"d":9,'a1':70,'a2':77},
{"d":10,'a1':52,'a2':72},
{"d":11,'a1':56,'a2':10},
{"d":12,'a1':57,'a2':40},];
d = x 轴；
a1 和 a2 = 2 个不同系列中的 y 轴；
推荐指数
解决办法
查看次数
使用 d3js 的直方图
我正在尝试为收入范围中断创建直方图，并在每次中断时进行计数。我从基本直方图 bl.ocks 中挑选了一个例子。下面是这个代码。我如何生成直方图以在 x 轴上显示收入范围并以 y 为单位。
https://jsfiddle.net/snt1/cLu6f1nb/6/
var margin = {
top: 30,
right: 20,
bottom: 30,
left: 50
};
var width = 600 - margin.left - margin.right;
var height = 270 - margin.top - margin.bottom;
var svg = d3.select("body")
.append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
// Get the data
var all = [{
"name": "Home Value",
"code": "HOME_VALUE",
"children": [{ …推荐指数
解决办法
查看次数
标签 统计
charts ×10
javascript ×4
linechart ×3
android ×2
chart.js ×2
jquery ×2
d3.js ×1
dimple.js ×1
highcharts ×1
histogram ×1
installation ×1
morris.js ×1
plot ×1
xamarin ×1
xampp ×1