1)我想要一个BarChart,其中两个轴都是数字(<Number, Number>
),但似乎不支持这个,你需要有一个类别和一个数字轴.
有没有办法覆盖BarChart类以使两个轴都为Number,Number?
2)是否有可能使用LineChart绘制条形而不是BarChart类来获得直方图?
https://developers.google.com/chart/interactive/docs/gallery/linechart?hl=ja#Configuration_Options
如何根据特定范围为单行指定不同的颜色?例如,一行应该是蓝色,从0到10,红色从10到20.
我正在尝试使用DefaultCategoryDataset绘制一个LineChart并且我正面临的问题是,当我尝试在两个值之间绘制空值时,两个点之间的连接丢失(即连接两个点的线不会出现),或者我必须跳过空值(通过对DataSet中的每个点执行空检查)以连接其他两个点,这导致x轴点不会在我的图形上绘制.
例如:如果我在x轴上有Unit1,Unit2,Unit3和一些值,比如每个10,20,30,它可以正常工作并绘制一条斜线.但是在Unit2中没有20,如果我设置为null,我只能在我的图表上绘制两个点而没有连接这两个点的线.
为了绘制线条,我必须从我的x轴跳过Unit2点.但我想要做的是我想将Unit1连接到Unit3而不跳过Unit2(并且它的值保持为null),我不想绘制0而不是null.
有没有办法做到这一点?
我试图改变不同行nvd3线图的颜色在这里,但我无法理解如何做到这一点.我想将示例中2行的颜色更改为绿色和青色.我试过了
nv.addGraph(function() {
var chart = nv.models.lineChart()
.useInteractiveGuideline(true)
.color(["rgb(0,255,0)","rgb(255,165,0)"]);
}
Run Code Online (Sandbox Code Playgroud)
它的工作的散点图这里.但是折线图的颜色没有变化.有什么建议.
谢谢
我有一个与任何其他数据完美匹配的telerik折线图,但是,当我发送以下内容时,它只有10月的图表.不知道为什么......
创建折线图
$("#leftLine").kendoChart({
dataSource: {
data: ko.toJS(my.line()),
group: { field: "Grp_Value"},
sort: {
field: "MonthTrxDateFirst",
dir: "asc"
},
schema: {
model: {
fields: {
date: {
type: "date"
}
}
}
}
},
legend: {
position: "top"
},
series: [{
type:"line",
field: "Pct_Sales"
//name: "% Strategy Sales"
}],
categoryAxis: {
field: "MonthTrxDateFirst",
labels: {
rotation: -90,
dateFormats:
{
minutes: "HH:mm",
hours: "HH:mm",
days: "dd/MM",
months: "MMM 'yy",
years: "yyyy"
}
}, type: "Date", baseUnit: "months" ,
crosshair: {
visible: true …
Run Code Online (Sandbox Code Playgroud) 我正在尝试创建折线图来显示数据.目前我有代码显示条形图.这里是
using System.Windows.Forms.DataVisualization.Charting;
private void CreateChart()
{
var series = new Series("Finance");
// Frist parameter is X-Axis and Second is Collection of Y- Axis
series.Points.DataBindXY(new[] { 2001, 2002, 2003, 2004 }, new[] { 100, 200, 90, 150 });
chart1.Series.Add(series);
}
Run Code Online (Sandbox Code Playgroud)
它工作得很好.我怎么能修改它来显示折线图?
谢谢
我正在学习ios-charts.我正在使用这里找到的教程.第一张照片显示了我得到的结果.如何删除蓝色圆圈点,使其仅显示如第二张图片中所示的平滑线条?
这是代码片段
import UIKit
import Charts
class ChartsViewController: UIViewController {
@IBOutlet weak var lineChartView: LineChartView!
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
let months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun"]
let unitsSold = [20.0, 4.0, 6.0, 3.0, 12.0, 16.0]
setChart(months, values: unitsSold)
}
func setChart(dataPoints: [String], values: [Double]) {
var dataEntries: [ChartDataEntry] = []
for i in 0..<dataPoints.count {
let dataEntry = ChartDataEntry(value: values[i], xIndex: i)
dataEntries.append(dataEntry)
} …
Run Code Online (Sandbox Code Playgroud) 我想做的是将图表底部的标签移动到每个矩形的中心(而不是与垂直网格线对齐):
在chartjs.org上没有关于此的文档,但是我相信有了一个巧妙的技巧,这个问题就可以轻松解决。关于如何实现这一目标的任何想法?
以下是使用swift 4.0的"图表"来显示折线图.但最后一个标签将无法正常显示,我想添加空标签x轴来解决此问题.
我尝试将""添加到chartView.xAxis.valueFormatter,但它不添加x轴.
以下是我的代码:
x1 = [10.0, 10.0, 11.0, 11.0, 12.0, 12.0, 13.0, 13.0, 14.0, 14.0, 15.0, 15.0, 16.0]
x2 = [20.0, 20.5, 21.0, 21.5, 22.0, 22.5, 23.0, 23.5, 24.0, 24.5, 25.0, 25.5, 26.0]
times = ["8:00"," ","9:00"," ","10:00"," ","11:00"," ","12:00"," ","13:00"," ","14:00"]
setChart()
func setChart(){
let lineDefault = UIColor(red: 140.0/255.0, green: 234.0/255.0, blue: 255.0/255.0, alpha: 1.0)
let data = LineChartData()
var lineChartEntry1 = [ChartDataEntry]()
for i in 0..<x1.count {
lineChartEntry1.append(ChartDataEntry(x: Double(i), y: Double(x1[i])))
}
let line1 = LineChartDataSet(values: lineChartEntry1, …
Run Code Online (Sandbox Code Playgroud) linechart ×10
charts ×3
ios ×2
javascript ×2
swift ×2
bar-chart ×1
c# ×1
chart.js ×1
color-scheme ×1
d3.js ×1
google-api ×1
ios-charts ×1
javafx-2 ×1
jfreechart ×1
kendo-ui ×1
nvd3.js ×1
telerik ×1