标签: charts
OxyPlot 导出到 PNG
我正在尝试将图表导出到 PNG。那是我的代码：
图表.xaml
<Window x:Class="P1.Chart"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:oxy="http://oxyplot.org/wpf"
xmlns:local="clr-namespace:P1"
Title="Example 1 (WPF)" Height="800" Width="800"
DataContext="{Binding RelativeSource={RelativeSource Self}}">
<Grid>
<oxy:Plot>
<oxy:Plot.Axes>
<oxy:LinearAxis Position="Bottom" Minimum="-20" Maximum="20" />
<oxy:LinearAxis Position="Left" Minimum="-20" Maximum="20" />
</oxy:Plot.Axes>
<oxy:Plot.Series>
<oxy:LineSeries ItemsSource="{Binding Points1}" LineStyle="None" MarkerType="Circle" MarkerSize="3" MarkerFill="Red" Title="Point 1"/>
<oxy:LineSeries ItemsSource="{Binding Points2}" LineStyle="None" MarkerType="Circle" MarkerSize="3" MarkerFill="Green" Title="Point 2"/>
<oxy:LineSeries ItemsSource="{Binding Points3}" LineStyle="None" MarkerType="Circle" MarkerSize="3" MarkerFill="Blue" Title="Point 3"/>
</oxy:Plot.Series>
</oxy:Plot>
</Grid>
图表.xaml.cs
namespace P1
{
public partial class Chart: Window
{
public IList<DataPoint> Points1 { get; set; }
public …1
推荐指数
推荐指数
1
解决办法
解决办法
2329
查看次数
查看次数
Chart js 中的工具提示总是黑色而不是对应数据集的颜色
我正在使用图表 js，并且我有多个数据集...
我的工具提示有问题，确实应该指示数据集颜色的方块总是黑色..
为什么？
这里的代码：
fattureChart = new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: mydatasets
},
options: {
responsive: true,
tooltips: {
mode: 'index',
intersect: false,
},
animation:{
easing: 'easeOutElastic',
duration: 2500
},
plugins: {
filler: {
propagate: true
}
},
scales: {
xAxes: [{
display: true,
scaleLabel: {
display: true,
labelString: 'PERIODO'
}
}],
yAxes: [{
display: true,
scaleLabel: {
display: true,
labelString: 'EURO'
},
ticks: {
beginAtZero:true
}
}],
}
}
});
}
});
这里我有一个颜色数组： …
1
推荐指数
推荐指数
1
解决办法
解决办法
1148
查看次数
查看次数
Google 折线图 - 默认情况下在点上显示数据值
我想在折线图上显示数据值，即鼠标悬停时出现的数据值，我需要默认情况下全部显示。我在这里尝试了解决方案Google Charts API: Always show the Data Point Values in Graph
data.addColumn({type: 'number', role: 'annotation'});
我将此添加到我的代码中（我不确定将它确切放在哪里）但它没有做任何更改。
这是我的代码的一部分：
<!DOCTYPE html>
<html>
<head>
<title>Week/Orders</title>
<script type="text/javascript" src="loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart(){
var data = new google.visualization.DataTable();
var data = google.visualization.arrayToDataTable([
['Week','Orders'],
<?php
while($row = mysqli_fetch_assoc($aresult)){
echo "['".$row["Week"]."', ".$row["Orders"]."],";
}
?>
]);
var options = {
title: 'Week Vs Orders',
'width':1700,
'height':600,
legend: { position: 'bottom' }
};
var chart = new google.visualization.LineChart(document.getElementById('curvechart'));
chart.draw(data, options);
}
</script>
</head>
<body> …1
推荐指数
推荐指数
1
解决办法
解决办法
2573
查看次数
查看次数
Flutter 图表 PanAndZoomBehavior 不会缩放手势的中心
I used https://github.com/google/charts inside my flutter app. It works great. But when i zoom on chart, the zoom happens but in the wrong place! It starts expanding keeping the left static. The effect is the chart slide under your finger zooming not in the point you are zooming to. Is there a way to zoom like you zoom on a picture on gallery?
code of my chart
Widget build(BuildContext context) {
return new charts.LineChart(
_chartSeriesFromChartData(seriesList),
animate: false,
defaultRenderer: charts.LineRendererConfig(includeArea: true, …1
推荐指数
推荐指数
1
解决办法
解决办法
3693
查看次数
查看次数
谷歌折线图。删除多余的网格线或更改其颜色
我使用以下设置创建了谷歌折线图：
google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback(drawCharts);
function drawCharts() {
var options = {
backgroundColor:{fill:'transparent'},
legend:'none',
series:{0:{color:'#aa8e57'}},
lineWidth:4,
pointSize:7,
chartArea:{width: '86%'},
hAxis:{
textStyle:{color:'#ffffff',fontSize:12},
gridlines:{color:'#2a261d'},
baselineColor:'#b19c72'
},
vAxis:{
textStyle:{color:'#ffffff',fontSize:12},
gridlines:{color:'#2a261d'},
baselineColor:'#b19c72'
},
};
var dataMembers = new google.visualization.DataTable();
dataMembers.addColumn('string', 'Date');
dataMembers.addColumn('number', 'Users');
dataMembers.addRows([
['13.11.2018',5], ['14.11.2018',7], ['15.11.2018',10]
]);
var membersChart = new google.visualization.LineChart(document.getElementById('membersChart'));
membersChart.draw(dataMembers, options);
}
我阅读了所有文档，但无法找到如何自定义这些额外的白色线条：
我做了很多实验，但我无法找出它们的显示方式以及如何将它们从图表中删除。或者至少，改变它们的颜色以匹配其余的网格线。
1
推荐指数
推荐指数
1
解决办法
解决办法
1699
查看次数
查看次数
在 Laravel 图表中找不到“ConsoleTVs\Charts\Facades\Charts”类
我正在尝试使用 laravel 渲染包含数据库中数据的图表。但我收到这个错误
**Class 'ConsoleTVs\Charts\Facades\Charts' not found**
但我已经将所需的提供程序添加到 app.php，
ConsoleTVs\Charts\ChartsServiceProvider::class,
'Charts' => ConsoleTVs\Charts\Facades\Charts::class
这是我的控制器，
class DashboardController extends Controller
{
public function admin()
{
$suppliers = SupplierData::all();
$repcounter= SalesRep::count();
$totalsales= SalesData::count();
$totalrevenue=SalesData::sum('total_price');
$chartdata = SalesData::selectRaw('COUNT(*) as count, YEAR(dateOfSale) year, MONTH(dateofSale) month')
->groupBy('year', 'month')
->get();
$chart=Charts::database($chartdata,'bar','highcharts')
->title("Sales Details")
->elementLabel("Total Sales")
->dimensions(1000,500)
->responsive(false);
return view('dashboard', compact('suppliers','repcounter','totalsales','totalrevenue','chart'));
这是我的 html 部分，
<div>
{!! $chart->render() !!}
</div>
任何人都可以帮助解决这个问题吗？
1
推荐指数
推荐指数
1
解决办法
解决办法
9342
查看次数
查看次数
如何在pdf中嵌入交互式图表？
我有一个要求，其中我们必须在 pdf 文件中显示图表和一些参数（日期、名称等）。用户应该能够根据用户选择的数据修改图表。
我看过一些例子https://www.youtube.com/watch?v=Z5bdBeFwNCU但不确定这些是如何生成的。
任何指针都受到高度赞赏。此外，我是一名 Java 脚本开发人员，所以如果 JS 中有任何解决方案，我会更容易遵循
1
推荐指数
推荐指数
1
解决办法
解决办法
4036
查看次数
查看次数
如何将条形图的值放在 Swift iOS 图表的 HorizontalBarChartView 条形图中？
我正在尝试将条形图的值放在我的 HorizontalBarChartView 条形图上，因为某些值在屏幕右侧被剪裁，但我没有在网络搜索中找到解决方案。另外，我想将标签放在图表的左侧，但我不知道该怎么做，而且我不能就同一问题提出两件事。
这是我的设置图表代码：
func setupChart() {
self.chartViewHorizontal.fitBars = true
self.chartViewHorizontal.legend.enabled = false
self.chartViewHorizontal.isUserInteractionEnabled = false
self.chartViewHorizontal.animate(yAxisDuration: 1.5)
self.chartViewHorizontal.rightAxis.enabled = false
self.chartViewHorizontal.leftAxis.labelCount = 5
self.chartViewHorizontal.leftAxis.labelFont = UIFont.boldSystemFont(ofSize: 10.0)
self.chartViewHorizontal.leftAxis.valueFormatter = CustomAxisValueFormatter()
self.chartViewHorizontal.xAxis.drawGridLinesEnabled = false
self.chartViewHorizontal.xAxis.enabled = false
}
结果是：
我要这个：
我正在使用这个库：https : //github.com/danielgindi/Charts
1
推荐指数
推荐指数
1
解决办法
解决办法
1016
查看次数
查看次数
圆环图中的小值不可见 - Chartjs
对于圆环图类型，小数据不可见。我可以在不更改标签值的情况下调整它的大小吗？
我的图表选项：
options: {
cutoutPercentage: 65,
maintainAspectRatio: false,
legend: {
display: false
},
plugins: {
datalabels: {
display: false
}
},
tooltips: {
enabled: true,
mode: 'nearest'
},
scales: {
yAxes: [{
ticks: {
max: 5,
min: 0,
stepSize: 0.5
}
}]
}
}
1
推荐指数
推荐指数
1
解决办法
解决办法
1982
查看次数
查看次数
ECharts：更改线条颜色
这是我的 EChart 初始化代码：
var option = {
tooltip : {
trigger: 'axis'
},
calculable : true,
xAxis : [
{
type : 'category',
boundaryGap : false,
data : cat
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'Series 1',
type:'line',
smooth:true,
itemStyle: {normal: {areaStyle: {type: 'default'}}},
data:val
}
]
};
该行显示为区域（正确）并以红色着色（我认为默认情况下，我没有在代码中添加任何内容）。如何更改图表线条的颜色？
我试过
itemStyle: {normal: {areaStyle: {type: 'default'}}, color: '#d5ceeb'},
但它不起作用。
1
推荐指数
推荐指数
1
解决办法
解决办法
8086
查看次数
查看次数
标签 统计
charts ×10
javascript ×4
chart.js ×2
dashboard ×1
echarts ×1
flash ×1
flutter ×1
highcharts ×1
interactive ×1
ios ×1
ios-charts ×1
laravel ×1
oxyplot ×1
pdf ×1
save ×1
swift ×1
wpf ×1