个人中心
gpt4 book ai didi

charts - 这在谷歌图表中是可能的还是有替代的黑客攻击

转载 作者：行者123 更新时间：2023-12-04 17:46:29 26 4
gpt4 key购买 nike

是否可以使用谷歌图表 API 以任何方式创建这种类型的图表

enter image description here

最佳答案

您的示例可以通过使用名为 ZingChart 的替代图表库来实现。 .您可以使用图表类型“range”和 rules根据特定值范围设置最小和最大颜色区域的功能。水平红线和蓝线可以通过使用 scale-x 标记来实现。

请参阅下面的示例，了解您将如何利用 ZingChart 来实现您的需求。我是 ZingChart 团队的一员，如果您需要任何进一步的帮助，请随时与我们联系。

var myConfig = {
  type:"range",
  backgroundColor : "white",
  scaleX:{
      maxItems:8,
      zooming:1,
  },
  scaleY:{
      minValue:"auto",
      markers : [
        {
          type : "line",
          range : [70],
          lineColor : "red"
        },
        {
          type : "line",
          range : [30],
          lineColor : "blue"
        }
      ]
  },
  "series":[
      {
          lineWidth:2,
          lineColor:"#8100a4",
          marker:{
            type:"none"
          },
          values : [[60,60],[70,70],[78,70],[75,70],[70,70],[50,50],[60,60],[60,60],[60,60],[34,34],[35,35],[35,35],[35,35],[30,30],[24,30],[26,30],[25,30],[28,30],[30,30],[32,32]],
          backgroundColor:"#1049c4",
          rules:[
            {
              rule:"%node-max-value < %node-min-value",
              backgroundColor:"#c00"
            }
          ],
          minLine:{
            lineColor:"#8100a4",
          },
          maxLine:{
            lineColor:"#8100a4"
          }
      }
  ]
};
 
zingchart.render({ 
	id : 'myChart', 
	data : myConfig, 
	height: 300, 
	width: 500 
});
<html>
	<head>
		<script src= "https://cdn.zingchart.com/2.1.4/zingchart.min.js"></script>
		<script> zingchart.MODULESDIR = "https://cdn.zingchart.com/2.1.4/modules/";</script></head>
	<body>
		<div id='myChart'></div>
	</body>
</html>

关于charts - 这在谷歌图表中是可能的还是有替代的黑客攻击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33199620/

26 4 0
文章推荐： novacode-docx - Novacode DocX 同一文档中的不同页面方向
文章推荐： regex - 使用正则表达式匹配所有大于 36 的数字？
文章推荐： google-apps-script - 谷歌文档脚本，搜索和替换文本字符串并更改字体(例如，粗体)
文章推荐： hive - Hive 中的解析异常
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com